|
|
<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> |
|
|
|
|
|
|
|
|
<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"/> |
|
|
|
|
|
|
|
|
<ellipse cx="200" cy="260" rx="90" ry="110" fill="url(#furGrad)" filter="url(#softShadow)"/> |
|
|
|
|
|
|
|
|
<ellipse cx="165" cy="355" rx="26" ry="18" fill="#ffe0b2"/> |
|
|
<ellipse cx="235" cy="355" rx="26" ry="18" fill="#ffe0b2"/> |
|
|
|
|
|
|
|
|
<circle cx="200" cy="140" r="75" fill="url(#furGrad)" filter="url(#softShadow)"/> |
|
|
|
|
|
|
|
|
<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)"/> |
|
|
|
|
|
|
|
|
<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"/> |
|
|
|
|
|
|
|
|
<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"/> |
|
|
|
|
|
|
|
|
<circle cx="170" cy="155" r="10" fill="#ffd1dc" opacity="0.85"/> |
|
|
<circle cx="230" cy="155" r="10" fill="#ffd1dc" opacity="0.85"/> |
|
|
|
|
|
|
|
|
<path d="M 195 145 L 205 145 L 200 155 Z" fill="url(#noseGrad)"/> |
|
|
|
|
|
|
|
|
<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"/> |
|
|
|
|
|
|
|
|
<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> |
|
|
|
