4.03bpw.svg

<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 600 600" role="img" aria-labelledby="title desc">
  <title id="title">Cute Kitten Illustration</title>
  <desc id="desc">A cute orange tabby kitten with big green eyes, pink ears and nose, whiskers, and soft fur shading.</desc>

  <defs>
    <!-- Background -->
    <radialGradient id="bgGrad" cx="50%" cy="35%" r="80%">
      <stop offset="0%" stop-color="#fffdfc"/>
      <stop offset="70%" stop-color="#f6f2ec"/>
      <stop offset="100%" stop-color="#eee6dd"/>
    </radialGradient>

    <!-- Fur and patches -->
    <radialGradient id="furHead" cx="45%" cy="35%" r="70%">
      <stop offset="0%" stop-color="#ffd7a3"/>
      <stop offset="55%" stop-color="#f4b36a"/>
      <stop offset="100%" stop-color="#e08a3f"/>
    </radialGradient>

    <radialGradient id="furBody" cx="50%" cy="30%" r="80%">
      <stop offset="0%" stop-color="#ffd3a1"/>
      <stop offset="60%" stop-color="#f0a959"/>
      <stop offset="100%" stop-color="#d98536"/>
    </radialGradient>

    <radialGradient id="bellyGrad" cx="50%" cy="40%" r="70%">
      <stop offset="0%" stop-color="#ffe9cf"/>
      <stop offset="100%" stop-color="#f3cda8"/>
    </radialGradient>

    <radialGradient id="earInnerGrad" cx="50%" cy="20%" r="90%">
      <stop offset="0%" stop-color="#ffd3e6"/>
      <stop offset="100%" stop-color="#f7a9c5"/>
    </radialGradient>

    <radialGradient id="noseGrad" cx="50%" cy="30%" r="80%">
      <stop offset="0%" stop-color="#ffb3c7"/>
      <stop offset="100%" stop-color="#e77394"/>
    </radialGradient>

    <radialGradient id="tongueGrad" cx="50%" cy="30%" r="80%">
      <stop offset="0%" stop-color="#ffb3c7"/>
      <stop offset="100%" stop-color="#ff7a9a"/>
    </radialGradient>

    <radialGradient id="irisGrad" cx="50%" cy="50%" r="60%">
      <stop offset="0%" stop-color="#c8ffd3"/>
      <stop offset="55%" stop-color="#6fd38d"/>
      <stop offset="100%" stop-color="#2f9d66"/>
    </radialGradient>

    <!-- Filters -->
    <filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
      <feOffset dx="0" dy="3" in="SourceAlpha" result="off"/>
      <feGaussianBlur in="off" stdDeviation="3" result="blur"/>
      <feColorMatrix in="blur" type="matrix" values="
        0 0 0 0 0
        0 0 0 0 0
        0 0 0 0 0
        0 0 0 0.35 0" result="shadow"/>
      <feMerge>
        <feMergeNode in="shadow"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>

    <filter id="eyeGlow" x="-40%" y="-40%" width="180%" height="180%">
      <feGaussianBlur stdDeviation="2" result="blur"/>
      <feMerge>
        <feMergeNode in="blur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>

  <!-- Background circle -->
  <circle cx="300" cy="300" r="280" fill="url(#bgGrad)"/>

  <!-- Body -->
  <g filter="url(#softShadow)">
    <ellipse cx="300" cy="405" rx="160" ry="190" fill="url(#furBody)"/>

    <!-- Belly patch -->
    <ellipse cx="300" cy="435" rx="110" ry="145" fill="url(#bellyGrad)"/>

    <!-- Paws -->
    <ellipse cx="235" cy="545" rx="55" ry="30" fill="url(#bellyGrad)"/>
    <ellipse cx="365" cy="545" rx="55" ry="30" fill="url(#bellyGrad)"/>
    <ellipse cx="235" cy="545" rx="55" ry="30" fill="none" stroke="#c27a44" stroke-width="3" opacity="0.4"/>
    <ellipse cx="365" cy="545" rx="55" ry="30" fill="none" stroke="#c27a44" stroke-width="3" opacity="0.4"/>

    <!-- Tail (curved, right side) -->
    <path d="M 420 455
             C 520 440 520 330 465 300
             C 445 290 430 300 430 320
             C 430 345 450 360 470 370
             C 500 385 500 430 460 450
             C 445 455 430 455 420 455 Z"
          fill="url(#furBody)" stroke="#c27a44" stroke-width="3" opacity="0.95"/>

    <!-- Subtle body stripes -->
    <path d="M 220 360 C 250 345 280 345 310 360" fill="none" stroke="#c27a44" stroke-width="6" stroke-linecap="round" opacity="0.35"/>
    <path d="M 210 400 C 250 380 300 380 340 400" fill="none" stroke="#c27a44" stroke-width="6" stroke-linecap="round" opacity="0.35"/>
    <path d="M 230 440 C 275 425 325 425 370 440" fill="none" stroke="#c27a44" stroke-width="6" stroke-linecap="round" opacity="0.35"/>
  </g>

  <!-- Head and ears -->
  <g filter="url(#softShadow)">
    <!-- Ears -->
    <path d="M 225 160 L 265 60 L 305 160 Q 265 145 225 160 Z" fill="url(#furHead)" stroke="#c27a44" stroke-width="3"/>
    <path d="M 295 160 L 335 60 L 375 160 Q 335 145 295 160 Z" fill="url(#furHead)" stroke="#c27a44" stroke-width="3"/>
    <path d="M 238 156 L 265 80 L 292 156 Q 265 146 238 156 Z" fill="url(#earInnerGrad)"/>
    <path d="M 308 156 L 335 80 L 362 156 Q 335 146 308 156 Z" fill="url(#earInnerGrad)"/>

    <!-- Head -->
    <circle cx="300" cy="250" r="110" fill="url(#furHead)" stroke="#c27a44" stroke-width="3"/>

    <!-- Forehead stripes -->
    <path d="M 300 160 C 285 170 270 185 265 205" fill="none" stroke="#c27a44" stroke-width="6" stroke-linecap="round" opacity="0.55"/>
    <path d="M 300 160 C 315 170 330 185 335 205" fill="none" stroke="#c27a44" stroke-width="6" stroke-linecap="round" opacity="0.55"/>
    <path d="M 300 175 C 290 185 285 200 285 210" fill="none" stroke="#c27a44" stroke-width="5" stroke-linecap="round" opacity="0.45"/>
    <path d="M 300 175 C 310 185 315 200 315 210" fill="none" stroke="#c27a44" stroke-width="5" stroke-linecap="round" opacity="0.45"/>

    <!-- Muzzle -->
    <ellipse cx="270" cy="285" rx="48" ry="36" fill="url(#bellyGrad)"/>
    <ellipse cx="330" cy="285" rx="48" ry="36" fill="url(#bellyGrad)"/>

    <!-- Eyes -->
    <g filter="url(#eyeGlow)">
      <ellipse cx="265" cy="245" rx="28" ry="22" fill="#ffffff" stroke="#3a2a1f" stroke-width="2"/>
      <ellipse cx="335" cy="245" rx="28" ry="22" fill="#ffffff" stroke="#3a2a1f" stroke-width="2"/>

      <circle cx="265" cy="245" r="15" fill="url(#irisGrad)"/>
      <circle cx="335" cy="245" r="15" fill="url(#irisGrad)"/>

      <ellipse cx="265" cy="245" rx="6.5" ry="10" fill="#1b1b1b"/>
      <ellipse cx="335" cy="245" rx="6.5" ry="10" fill="#1b1b1b"/>

      <circle cx="259" cy="238" r="5" fill="#ffffff" opacity="0.9"/>
      <circle cx="329" cy="238" r="5" fill="#ffffff" opacity="0.9"/>
    </g>

    <!-- Nose -->
    <path d="M 290 270 L 310 270 L 300 285 Z" fill="url(#noseGrad)" stroke="#b35a79" stroke-width="2"/>

    <!-- Mouth -->
    <path d="M 300 285 C 295 292 288 295 280 295" fill="none" stroke="#7a4b3a" stroke-width="3" stroke-linecap="round"/>
    <path d="M 300 285 C 305 292 312 295 320 295" fill="none" stroke="#7a4b3a" stroke-width="3" stroke-linecap="round"/>

    <!-- Tongue (little smile) -->
    <path d="M 292 295 Q 300 305 308 295 Q 300 300 292 295 Z" fill="url(#tongueGrad)" stroke="#cc6f88" stroke-width="1" opacity="0.9"/>

    <!-- Cheek blush -->
    <ellipse cx="250" cy="285" rx="14" ry="9" fill="#ffb3c7" opacity="0.45"/>
    <ellipse cx="350" cy="285" rx="14" ry="9" fill="#ffb3c7" opacity="0.45"/>

    <!-- Whiskers -->
    <path d="M 240 280 L 170 272" stroke="#7a4b3a" stroke-width="3" stroke-linecap="round"/>
    <path d="M 240 290 L 165 290" stroke="#7a4b3a" stroke-width="3" stroke-linecap="round"/>
    <path d="M 240 300 L 170 308" stroke="#7a4b3a" stroke-width="3" stroke-linecap="round"/>

    <path d="M 360 280 L 430 272" stroke="#7a4b3a" stroke-width="3" stroke-linecap="round"/>
    <path d="M 360 290 L 435 290" stroke="#7a4b3a" stroke-width="3" stroke-linecap="round"/>
    <path d="M 360 300 L 430 308" stroke="#7a4b3a" stroke-width="3" stroke-linecap="round"/>
  </g>
</svg>