2.04bpw.svg

<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>