File size: 4,328 Bytes
2f04aaa 7b0a5fd 2f04aaa 7b0a5fd 2f04aaa 7b0a5fd 2f04aaa 7b0a5fd 2f04aaa 7b0a5fd 2f04aaa 7b0a5fd 2f04aaa 7b0a5fd 2f04aaa 7b0a5fd 2f04aaa 7b0a5fd 2f04aaa 7b0a5fd 2f04aaa 7b0a5fd 2f04aaa 7b0a5fd 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 |
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400" role="img" aria-labelledby="title desc">
<title id="title">Cute Kitten</title>
<desc id="desc">A stylized orange tabby kitten with big eyes, pink nose, whiskers, and a curly tail.</desc>
<defs>
<linearGradient id="furGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#ffd8a8"/>
<stop offset="100%" stop-color="#f4a261"/>
</linearGradient>
<linearGradient id="earOuterGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#fbd5ae"/>
<stop offset="100%" stop-color="#f19c5b"/>
</linearGradient>
<linearGradient id="earInnerGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#ffd1dc"/>
<stop offset="100%" stop-color="#f7a8b8"/>
</linearGradient>
<radialGradient id="irisGrad" cx="50%" cy="45%" r="60%">
<stop offset="0%" stop-color="#7bd389"/>
<stop offset="70%" stop-color="#2e8b57"/>
<stop offset="100%" stop-color="#1b5e3a"/>
</radialGradient>
<linearGradient id="noseGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#ff9bb0"/>
<stop offset="100%" stop-color="#e57388"/>
</linearGradient>
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3" result="blur"/>
<feOffset in="blur" dx="0" dy="2" result="offset"/>
<feMerge>
<feMergeNode in="offset"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Tail (behind body) -->
<path d="M 300 250
C 360 240 365 180 330 160
C 305 145 305 185 325 205
C 345 225 335 255 315 260"
fill="none" stroke="#f4a261" stroke-width="22" stroke-linecap="round" stroke-linejoin="round" opacity="0.95"/>
<!-- Body -->
<ellipse cx="200" cy="260" rx="90" ry="110" fill="url(#furGrad)" filter="url(#softShadow)"/>
<!-- Paws -->
<ellipse cx="165" cy="355" rx="26" ry="18" fill="#ffe0b2"/>
<ellipse cx="235" cy="355" rx="26" ry="18" fill="#ffe0b2"/>
<!-- Head -->
<circle cx="200" cy="140" r="75" fill="url(#furGrad)" filter="url(#softShadow)"/>
<!-- Ears -->
<path d="M 145 95 L 165 55 L 178 100 Z" fill="url(#earOuterGrad)"/>
<path d="M 222 95 L 235 55 L 245 100 Z" fill="url(#earOuterGrad)"/>
<path d="M 150 92 L 165 65 L 172 96 Z" fill="url(#earInnerGrad)"/>
<path d="M 228 92 L 235 65 L 242 96 Z" fill="url(#earInnerGrad)"/>
<!-- Forehead stripes -->
<path d="M 180 105 Q 200 90 220 105" stroke="#e07a2f" stroke-width="6" stroke-linecap="round" fill="none" opacity="0.7"/>
<path d="M 170 115 Q 200 100 230 115" stroke="#e07a2f" stroke-width="5" stroke-linecap="round" fill="none" opacity="0.6"/>
<!-- Eyes -->
<ellipse cx="170" cy="135" rx="16" ry="20" fill="white"/>
<ellipse cx="230" cy="135" rx="16" ry="20" fill="white"/>
<circle cx="170" cy="137" r="10" fill="url(#irisGrad)"/>
<circle cx="230" cy="137" r="10" fill="url(#irisGrad)"/>
<circle cx="170" cy="140" r="5" fill="#111"/>
<circle cx="230" cy="140" r="5" fill="#111"/>
<circle cx="165" cy="132" r="2.2" fill="white" opacity="0.9"/>
<circle cx="225" cy="132" r="2.2" fill="white" opacity="0.9"/>
<!-- Cheeks -->
<circle cx="170" cy="155" r="10" fill="#ffd1dc" opacity="0.85"/>
<circle cx="230" cy="155" r="10" fill="#ffd1dc" opacity="0.85"/>
<!-- Nose -->
<path d="M 195 145 L 205 145 L 200 155 Z" fill="url(#noseGrad)"/>
<!-- Mouth -->
<path d="M 200 155 Q 190 165 180 165" stroke="#7a3b2d" stroke-width="3" fill="none" stroke-linecap="round"/>
<path d="M 200 155 Q 210 165 220 165" stroke="#7a3b2d" stroke-width="3" fill="none" stroke-linecap="round"/>
<!-- Whiskers -->
<path d="M 170 155 L 130 150" stroke="#7a3b2d" stroke-width="3" stroke-linecap="round"/>
<path d="M 170 160 L 130 160" stroke="#7a3b2d" stroke-width="3" stroke-linecap="round"/>
<path d="M 170 165 L 135 170" stroke="#7a3b2d" stroke-width="3" stroke-linecap="round"/>
<path d="M 230 155 L 270 150" stroke="#7a3b2d" stroke-width="3" stroke-linecap="round"/>
<path d="M 230 160 L 270 160" stroke="#7a3b2d" stroke-width="3" stroke-linecap="round"/>
<path d="M 230 165 L 265 170" stroke="#7a3b2d" stroke-width="3" stroke-linecap="round"/>
</svg>
|