File size: 6,403 Bytes
2f04aaa |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 |
<svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Cute kitten illustration">
<title>Cute kitten</title>
<desc>A stylized cute orange tabby kitten with big eyes, pink ears, and whiskers.</desc>
<defs>
<!-- Background gradient -->
<radialGradient id="bgGrad" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#fff7ec"/>
<stop offset="60%" stop-color="#f3e7d7"/>
<stop offset="100%" stop-color="#e8d9c4"/>
</radialGradient>
<!-- Drop shadow -->
<filter id="shadow" x="-50%" y="-50%" width="200%" height="200%">
<feDropShadow dx="0" dy="6" stdDeviation="8" flood-color="#000" flood-opacity="0.25"/>
</filter>
<!-- Fur gradients -->
<radialGradient id="furGrad" cx="45%" cy="35%" r="65%">
<stop offset="0%" stop-color="#ffde9a"/>
<stop offset="50%" stop-color="#f7b86f"/>
<stop offset="100%" stop-color="#e08a3f"/>
</radialGradient>
<linearGradient id="earGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#f7b7a4"/>
<stop offset="100%" stop-color="#f09a8f"/>
</linearGradient>
<!-- Eye iris gradient -->
<radialGradient id="irisGrad" cx="50%" cy="45%" r="65%">
<stop offset="0%" stop-color="#b6ffb6"/>
<stop offset="60%" stop-color="#2ecc71"/>
<stop offset="100%" stop-color="#1f8a4c"/>
</radialGradient>
<!-- Nose gradient -->
<radialGradient id="noseGrad" cx="50%" cy="40%" r="60%">
<stop offset="0%" stop-color="#ff9db0"/>
<stop offset="100%" stop-color="#e57388"/>
</radialGradient>
<!-- Tongue gradient -->
<radialGradient id="tongueGrad" cx="50%" cy="30%" r="70%">
<stop offset="0%" stop-color="#ffb3c1"/>
<stop offset="100%" stop-color="#e8899e"/>
</radialGradient>
<!-- Subtle fur texture pattern -->
<pattern id="furTexture" patternUnits="userSpaceOnUse" width="24" height="24" patternTransform="rotate(12)">
<path d="M0 12 L12 0 M-6 18 L18 -6 M6 24 L24 6" stroke="#000" stroke-opacity="0.06" stroke-width="1"/>
</pattern>
</defs>
<!-- Background -->
<rect x="0" y="0" width="640" height="640" fill="url(#bgGrad)"/>
<g opacity="0.25">
<circle cx="120" cy="120" r="90" fill="#ffffff"/>
<circle cx="540" cy="140" r="70" fill="#ffffff"/>
<circle cx="520" cy="520" r="100" fill="#ffffff"/>
</g>
<!-- Kitten -->
<g filter="url(#shadow)">
<!-- Ears (behind head) -->
<g>
<!-- Left ear -->
<path d="M205 170 L150 70 L245 120 Z" fill="url(#furGrad)" stroke="#cc7a35" stroke-opacity="0.5" stroke-width="2"/>
<path d="M205 170 L158 92 L236 130 Z" fill="url(#earGrad)"/>
<!-- Right ear -->
<path d="M435 170 L395 120 L490 70 Z" fill="url(#furGrad)" stroke="#cc7a35" stroke-opacity="0.5" stroke-width="2"/>
<path d="M435 170 L404 130 L482 92 Z" fill="url(#earGrad)"/>
</g>
<!-- Head -->
<g>
<circle cx="320" cy="310" r="150" fill="url(#furGrad)" stroke="#cc7a35" stroke-opacity="0.5" stroke-width="2"/>
<!-- Subtle texture overlay -->
<circle cx="320" cy="310" r="150" fill="url(#furTexture)" opacity="0.2"/>
<!-- Cheek blush -->
<ellipse cx="270" cy="345" rx="32" ry="22" fill="#ffb3c1" opacity="0.35"/>
<ellipse cx="370" cy="345" rx="32" ry="22" fill="#ffb3c1" opacity="0.35"/>
<!-- Forehead stripes -->
<g stroke="#b96b2c" stroke-linecap="round" stroke-width="6" opacity="0.7">
<path d="M300 200 Q320 185 340 200"/>
<path d="M285 210 Q320 190 355 210" opacity="0.8"/>
<path d="M270 225 Q320 200 370 225" opacity="0.6"/>
</g>
<!-- Eyes -->
<g>
<!-- Left eye white -->
<ellipse cx="275" cy="300" rx="38" ry="30" fill="#ffffff"/>
<!-- Left iris -->
<ellipse cx="275" cy="300" rx="26" ry="22" fill="url(#irisGrad)"/>
<!-- Left pupil -->
<ellipse cx="275" cy="300" rx="10" ry="16" fill="#0d0d0d"/>
<!-- Left eye shine -->
<circle cx="267" cy="292" r="5" fill="#ffffff" opacity="0.9"/>
<circle cx="281" cy="307" r="3" fill="#ffffff" opacity="0.7"/>
<!-- Right eye white -->
<ellipse cx="365" cy="300" rx="38" ry="30" fill="#ffffff"/>
<!-- Right iris -->
<ellipse cx="365" cy="300" rx="26" ry="22" fill="url(#irisGrad)"/>
<!-- Right pupil -->
<ellipse cx="365" cy="300" rx="10" ry="16" fill="#0d0d0d"/>
<!-- Right eye shine -->
<circle cx="357" cy="292" r="5" fill="#ffffff" opacity="0.9"/>
<circle cx="371" cy="307" r="3" fill="#ffffff" opacity="0.7"/>
<!-- Eyelids -->
<path d="M237 292 Q275 275 313 292" fill="none" stroke="#7b4a1b" stroke-width="4" stroke-linecap="round" opacity="0.7"/>
<path d="M327 292 Q365 275 403 292" fill="none" stroke="#7b4a1b" stroke-width="4" stroke-linecap="round" opacity="0.7"/>
</g>
<!-- Nose -->
<path d="M310 335 L330 335 Q320 345 310 335 Z" fill="url(#noseGrad)" stroke="#c45a6e" stroke-width="1.5"/>
<!-- Mouth -->
<path d="M320 345 Q320 355 312 358" fill="none" stroke="#7b4a1b" stroke-width="3" stroke-linecap="round"/>
<path d="M320 345 Q320 355 328 358" fill="none" stroke="#7b4a1b" stroke-width="3" stroke-linecap="round"/>
<!-- Little tongue -->
<path d="M314 358 Q320 368 326 358 Q320 364 314 358 Z" fill="url(#tongueGrad)" opacity="0.9"/>
<!-- Whiskers -->
<g stroke="#7b4a1b" stroke-width="3" stroke-linecap="round" opacity="0.9">
<!-- Left -->
<line x1="305" y1="340" x2="240" y2="330"/>
<line x1="305" y1="348" x2="230" y2="348"/>
<line x1="305" y1="356" x2="240" y2="366"/>
<!-- Right -->
<line x1="335" y1="340" x2="400" y2="330"/>
<line x1="335" y1="348" x2="410" y2="348"/>
<line x1="335" y1="356" x2="400" y2="366"/>
</g>
<!-- Cheek freckles -->
<g fill="#c45a6e" opacity="0.6">
<circle cx="285" cy="350" r="2.5"/>
<circle cx="292" cy="355" r="2"/>
<circle cx="278" cy="356" r="2"/>
<circle cx="355" cy="350" r="2.5"/>
<circle cx="348" cy="355" r="2"/>
<circle cx="362" cy="356" r="2"/>
</g>
</g>
</g>
<!-- Ground shadow -->
<ellipse cx="320" cy="520" rx="120" ry="26" fill="#000000" opacity="0.12"/>
</svg> |