3.5bpw.svg

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