File size: 5,816 Bytes
7b0a5fd |
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 |
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800" role="img" aria-label="Cute cartoon kitten">
<title>Cute Kitten</title>
<defs>
<!-- Fur gradients -->
<radialGradient id="furGrad" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#f6d1a5"/>
<stop offset="70%" stop-color="#e7b17a"/>
<stop offset="100%" stop-color="#d7965c"/>
</radialGradient>
<radialGradient id="bellyGrad" cx="50%" cy="50%" r="60%">
<stop offset="0%" stop-color="#fff3e6"/>
<stop offset="100%" stop-color="#f2d4b1"/>
</radialGradient>
<radialGradient id="earInnerGrad" cx="50%" cy="50%" r="70%">
<stop offset="0%" stop-color="#ffd9e2"/>
<stop offset="100%" stop-color="#f3a9b8"/>
</radialGradient>
<!-- Eye iris -->
<radialGradient id="irisGrad" cx="50%" cy="40%" r="60%">
<stop offset="0%" stop-color="#5fd27c"/>
<stop offset="60%" stop-color="#2da55b"/>
<stop offset="100%" stop-color="#1c7b3c"/>
</radialGradient>
<!-- Nose and paw pad -->
<radialGradient id="noseGrad" cx="50%" cy="50%" r="60%">
<stop offset="0%" stop-color="#ff9fb0"/>
<stop offset="100%" stop-color="#e6788a"/>
</radialGradient>
<radialGradient id="padGrad" cx="50%" cy="50%" r="70%">
<stop offset="0%" stop-color="#ffd9e2"/>
<stop offset="100%" stop-color="#f3b6c6"/>
</radialGradient>
<!-- Soft drop shadow -->
<filter id="shadow" x="-40%" y="-40%" width="180%" height="180%">
<feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>
<feOffset in="blur" dx="0" dy="6" result="offset"/>
<feComponentTransfer in="offset" result="alpha">
<feFuncA type="linear" slope="0.35"/>
</feComponentTransfer>
<feMerge>
<feMergeNode in="alpha"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<!-- Clip for head stripes -->
<clipPath id="headClip">
<circle cx="400" cy="280" r="150"/>
</clipPath>
</defs>
<!-- Background -->
<rect width="100%" height="100%" fill="#f9f6f2"/>
<!-- Tail (behind body) -->
<path d="M520 560
C640 520 650 420 560 360
C520 330 520 360 560 380
C610 410 590 500 520 560 Z"
fill="url(#furGrad)" filter="url(#shadow)"/>
<!-- Body -->
<ellipse cx="400" cy="560" rx="160" ry="190" fill="url(#furGrad)" filter="url(#shadow)"/>
<ellipse cx="400" cy="590" rx="110" ry="120" fill="url(#bellyGrad)" opacity="0.95"/>
<!-- Paws -->
<ellipse cx="350" cy="700" rx="38" ry="26" fill="url(#padGrad)"/>
<ellipse cx="450" cy="700" rx="38" ry="26" fill="url(#padGrad)"/>
<!-- Ears (behind head) -->
<path d="M305 145 L255 95 L335 190 Z" fill="url(#furGrad)" filter="url(#shadow)"/>
<path d="M495 145 L545 95 L465 190 Z" fill="url(#furGrad)" filter="url(#shadow)"/>
<path d="M305 145 L265 115 L330 175 Z" fill="url(#earInnerGrad)" opacity="0.95"/>
<path d="M495 145 L535 115 L470 175 Z" fill="url(#earInnerGrad)" opacity="0.95"/>
<!-- Head -->
<circle cx="400" cy="280" r="150" fill="url(#furGrad)" filter="url(#shadow)"/>
<!-- Head stripes (clipped to head) -->
<g clip-path="url(#headClip)">
<path d="M400 130 C360 150 360 170 400 190" stroke="#c9854f" stroke-width="10" stroke-linecap="round" fill="none" opacity="0.8"/>
<path d="M400 130 C440 150 440 170 400 190" stroke="#c9854f" stroke-width="10" stroke-linecap="round" fill="none" opacity="0.8"/>
<path d="M350 150 C330 170 330 190 350 210" stroke="#c9854f" stroke-width="8" stroke-linecap="round" fill="none" opacity="0.7"/>
<path d="M450 150 C470 170 470 190 450 210" stroke="#c9854f" stroke-width="8" stroke-linecap="round" fill="none" opacity="0.7"/>
</g>
<!-- Eyes -->
<g>
<!-- Left eye -->
<ellipse cx="360" cy="270" rx="28" ry="36" fill="url(#irisGrad)"/>
<circle cx="360" cy="270" r="14" fill="#111"/>
<circle cx="352" cy="262" r="6" fill="#fff" opacity="0.95"/>
<circle cx="368" cy="278" r="3" fill="#fff" opacity="0.6"/>
<!-- Right eye -->
<ellipse cx="440" cy="270" rx="28" ry="36" fill="url(#irisGrad)"/>
<circle cx="440" cy="270" r="14" fill="#111"/>
<circle cx="432" cy="262" r="6" fill="#fff" opacity="0.95"/>
<circle cx="448" cy="278" r="3" fill="#fff" opacity="0.6"/>
<!-- Upper eyelids -->
<path d="M332 248 Q360 232 388 248" fill="none" stroke="#a66e3e" stroke-width="6" stroke-linecap="round" opacity="0.8"/>
<path d="M412 248 Q440 232 468 248" fill="none" stroke="#a66e3e" stroke-width="6" stroke-linecap="round" opacity="0.8"/>
</g>
<!-- Nose -->
<path d="M390 305 L410 305 L400 320 Z" fill="url(#noseGrad)"/>
<!-- Mouth -->
<path d="M400 320 C390 335 375 338 365 330" fill="none" stroke="#7a4f2b" stroke-width="5" stroke-linecap="round"/>
<path d="M400 320 C410 335 425 338 435 330" fill="none" stroke="#7a4f2b" stroke-width="5" stroke-linecap="round"/>
<!-- Whiskers -->
<g stroke="#7a4f2b" stroke-width="4" stroke-linecap="round">
<line x1="360" y1="320" x2="300" y2="310"/>
<line x1="360" y1="328" x2="295" y2="328"/>
<line x1="360" y1="336" x2="300" y2="346"/>
<line x1="440" y1="320" x2="500" y2="310"/>
<line x1="440" y1="328" x2="505" y2="328"/>
<line x1="440" y1="336" x2="500" y2="346"/>
</g>
<!-- Cheeks -->
<circle cx="340" cy="320" r="12" fill="#ffb3c1" opacity="0.7"/>
<circle cx="460" cy="320" r="12" fill="#ffb3c1" opacity="0.7"/>
<!-- Tiny freckles -->
<g fill="#a66e3f" opacity="0.8">
<circle cx="330" cy="335" r="2"/>
<circle cx="335" cy="342" r="2"/>
<circle cx="470" cy="335" r="2"/>
<circle cx="465" cy="342" r="2"/>
</g>
<!-- Subtle chin highlight -->
<ellipse cx="400" cy="340" rx="28" ry="16" fill="#fff" opacity="0.25"/>
</svg> |