4.0bpw.svg

<svg width="600" height="600" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc">
  <title id="title">Cute SVG Kitten</title>
  <desc id="desc">A cute pastel-colored kitten with big eyes, pink inner ears, whiskers, stripes, and a curly tail.</desc>

  <defs>
    <!-- Fur gradient -->
    <radialGradient id="furGrad" cx="40%" cy="35%" r="75%">
      <stop offset="0%" stop-color="#f7d9b7"/>
      <stop offset="55%" stop-color="#f0c69f"/>
      <stop offset="100%" stop-color="#e1ab7d"/>
    </radialGradient>

    <!-- Belly gradient -->
    <radialGradient id="bellyGrad" cx="50%" cy="30%" r="80%">
      <stop offset="0%" stop-color="#fff7ee"/>
      <stop offset="100%" stop-color="#f1e3d5"/>
    </radialGradient>

    <!-- Inner ear -->
    <radialGradient id="innerEarGrad" cx="50%" cy="40%" r="70%">
      <stop offset="0%" stop-color="#ffd6e1"/>
      <stop offset="100%" stop-color="#f7a9c0"/>
    </radialGradient>

    <!-- Iris gradient -->
    <radialGradient id="irisGrad" cx="50%" cy="50%" r="60%">
      <stop offset="0%" stop-color="#6ad46a"/>
      <stop offset="70%" stop-color="#2fa52f"/>
      <stop offset="100%" stop-color="#1f7a1f"/>
    </radialGradient>

    <!-- Nose and paw pad gradient -->
    <linearGradient id="noseGrad" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#ffb3c1"/>
      <stop offset="100%" stop-color="#ff8aa1"/>
    </linearGradient>

    <!-- Subtle shadow -->
    <filter id="shadow" x="-50%" y="-50%" width="200%" height="200%">
      <feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#000000" flood-opacity="0.25"/>
    </filter>

    <!-- Soft highlight blur -->
    <filter id="softGlow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur stdDeviation="1.5"/>
    </filter>
  </defs>

  <!-- Ground shadow -->
  <ellipse cx="300" cy="520" rx="120" ry="20" fill="#000000" opacity="0.12"/>

  <!-- Tail (behind body) -->
  <g id="tail" transform="rotate(-20 430 380)">
    <path d="M430 390
             C520 360 520 270 445 270
             C385 270 385 330 445 340
             C505 350 495 430 420 430
             C370 430 360 400 380 380"
          fill="none" stroke="url(#furGrad)" stroke-width="42" stroke-linecap="round" stroke-linejoin="round" filter="url(#shadow)"/>
    <!-- Tail stripes -->
    <path d="M455 315 C470 300 485 295 500 300" fill="none" stroke="#d79564" stroke-width="16" stroke-linecap="round" opacity="0.9"/>
    <path d="M430 355 C460 345 470 340 485 345" fill="none" stroke="#d79564" stroke-width="14" stroke-linecap="round" opacity="0.9"/>
    <path d="M415 400 C440 395 455 400 470 410" fill="none" stroke="#d79564" stroke-width="12" stroke-linecap="round" opacity="0.9"/>
  </g>

  <!-- Body -->
  <ellipse cx="300" cy="380" rx="160" ry="190" fill="url(#furGrad)" filter="url(#shadow)"/>

  <!-- Paws -->
  <g id="paws">
    <ellipse cx="250" cy="510" rx="38" ry="26" fill="url(#bellyGrad)" stroke="#d8b08a" stroke-width="2"/>
    <ellipse cx="350" cy="510" rx="38" ry="26" fill="url(#bellyGrad)" stroke="#d8b08a" stroke-width="2"/>
    <!-- Paw pads -->
    <ellipse cx="250" cy="510" rx="18" ry="12" fill="#f6b0b0" opacity="0.9" filter="url(#softGlow)"/>
    <ellipse cx="350" cy="510" rx="18" ry="12" fill="#f6b0b0" opacity="0.9" filter="url(#softGlow)"/>
    <!-- Toe beans -->
    <circle cx="238" cy="502" r="5" fill="#f6b0b0"/>
    <circle cx="250" cy="498" r="5" fill="#f6b0b0"/>
    <circle cx="262" cy="502" r="5" fill="#f6b0b0"/>
    <circle cx="338" cy="502" r="5" fill="#f6b0b0"/>
    <circle cx="350" cy="498" r="5" fill="#f6b0b0"/>
    <circle cx="362" cy="502" r="5" fill="#f6b0b0"/>
  </g>

  <!-- Ears (behind head) -->
  <g id="ears">
    <!-- Left ear outer -->
    <path d="M220 130 L175 70 L255 95 Z" fill="url(#furGrad)" stroke="#c28f64" stroke-width="2"/>
    <!-- Left ear inner -->
    <path d="M220 130 L190 82 L247 100 Z" fill="url(#innerEarGrad)"/>
    <!-- Right ear outer -->
    <path d="M380 130 L425 70 L345 95 Z" fill="url(#furGrad)" stroke="#c28f64" stroke-width="2"/>
    <!-- Right ear inner -->
    <path d="M380 130 L410 82 L353 100 Z" fill="url(#innerEarGrad)"/>
  </g>

  <!-- Head -->
  <circle cx="300" cy="220" r="120" fill="url(#furGrad)" stroke="#c28f64" stroke-width="2" filter="url(#shadow)"/>

  <!-- Forehead stripes -->
  <path d="M280 130 C295 125 305 125 320 130" fill="none" stroke="#d79564" stroke-width="10" stroke-linecap="round" opacity="0.9"/>
  <path d="M265 145 C285 138 315 138 335 145" fill="none" stroke="#d79564" stroke-width="8" stroke-linecap="round" opacity="0.85"/>

  <!-- Eyes -->
  <g id="eyes">
    <!-- Left eye -->
    <ellipse cx="260" cy="210" rx="30" ry="36" fill="#ffffff" stroke="#333" stroke-width="2"/>
    <circle cx="260" cy="210" r="16" fill="url(#irisGrad)"/>
    <ellipse cx="260" cy="210" rx="7" ry="14" fill="#0b0b0b"/>
    <circle cx="266" cy="200" r="5" fill="#ffffff" filter="url(#softGlow)"/>
    <!-- Right eye -->
    <ellipse cx="340" cy="210" rx="30" ry="36" fill="#ffffff" stroke="#333" stroke-width="2"/>
    <circle cx="340" cy="210" r="16" fill="url(#irisGrad)"/>
    <ellipse cx="340" cy="210" rx="7" ry="14" fill="#0b0b0b"/>
    <circle cx="346" cy="200" r="5" fill="#ffffff" filter="url(#softGlow)"/>
    <!-- Eyelids -->
    <path d="M230 195 Q260 178 290 195" fill="none" stroke="#8f6b4d" stroke-width="6" stroke-linecap="round" opacity="0.6"/>
    <path d="M310 195 Q340 178 370 195" fill="none" stroke="#8f6b4d" stroke-width="6" stroke-linecap="round" opacity="0.6"/>
  </g>

  <!-- Muzzle -->
  <ellipse cx="300" cy="260" rx="62" ry="44" fill="url(#bellyGrad)" stroke="#d8b08a" stroke-width="2"/>

  <!-- Nose -->
  <path d="M290 246 L310 246 L300 258 Z" fill="url(#noseGrad)" stroke="#cc7b8a" stroke-width="1.5"/>

  <!-- Mouth -->
  <path d="M300 258 C295 268 285 272 275 270" fill="none" stroke="#5a3a2b" stroke-width="3" stroke-linecap="round"/>
  <path d="M300 258 C305 268 315 272 325 270" fill="none" stroke="#5a3a2b" stroke-width="3" stroke-linecap="round"/>

  <!-- Cheeks -->
  <circle cx="255" cy="260" r="16" fill="#ffb3c1" opacity="0.7" filter="url(#softGlow)"/>
  <circle cx="345" cy="260" r="16" fill="#ffb3c1" opacity="0.7" filter="url(#softGlow)"/>

  <!-- Whiskers -->
  <g stroke="#5a3a2b" stroke-width="2.5" stroke-linecap="round">
    <!-- Left -->
    <path d="M245 250 L180 245" />
    <path d="M245 260 L175 265" />
    <path d="M245 270 L185 285" />
    <!-- Right -->
    <path d="M355 250 L420 245" />
    <path d="M355 260 L425 265" />
    <path d="M355 270 L415 285" />
  </g>

  <!-- Subtle cheek highlights -->
  <circle cx="250" cy="255" r="6" fill="#fff" opacity="0.6" filter="url(#softGlow)"/>
  <circle cx="350" cy="255" r="6" fill="#fff" opacity="0.6" filter="url(#softGlow)"/>

  <!-- Tiny freckles -->
  <circle cx="290" cy="268" r="1.8" fill="#8f6b4d"/>
  <circle cx="310" cy="268" r="1.8" fill="#8f6b4d"/>

</svg>