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>