4.0bpw.svg

<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
  <!-- Definitions for gradients and filters -->
  <defs>
    <!-- Fur texture filter -->
    <filter id="fur">
      <feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" result="noise" seed="1"/>
      <feDiffuseLighting in="noise" lighting-color="white" surfaceScale="1">
        <feDistantLight azimuth="45" elevation="60"/>
      </feDiffuseLighting>
    </filter>
    
    <!-- Soft shadow filter -->
    <filter id="softShadow">
      <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
      <feOffset dx="2" dy="2" result="offsetblur"/>
      <feFlood flood-color="#000000" flood-opacity="0.2"/>
      <feComposite in2="offsetblur" operator="in"/>
      <feMerge>
        <feMergeNode/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    
    <!-- Gradient for the body -->
    <radialGradient id="bodyGradient">
      <stop offset="0%" stop-color="#f8e8d0"/>
      <stop offset="100%" stop-color="#e8d4b0"/>
    </radialGradient>
    
    <!-- Gradient for the ears -->
    <linearGradient id="earGradient" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#f5d8a8"/>
      <stop offset="100%" stop-color="#e8c898"/>
    </linearGradient>
  </defs>
  
  <!-- Shadow under the kitten -->
  <ellipse cx="150" cy="270" rx="80" ry="15" fill="#000000" opacity="0.1"/>
  
  <!-- Body -->
  <ellipse cx="150" cy="200" rx="80" ry="70" fill="url(#bodyGradient)" filter="url(#softShadow)"/>
  
  <!-- Head -->
  <circle cx="150" cy="140" r="60" fill="url(#bodyGradient)" filter="url(#softShadow)"/>
  
  <!-- Left ear -->
  <path d="M90,100 C85,60 110,50 120,80 C115,90 100,95 90,100" fill="url(#earGradient)" filter="url(#softShadow)"/>
  <!-- Left ear inside -->
  <path d="M95,85 C92,70 105,65 110,80 C105,85 98,83 95,85" fill="#ffb3d9"/>
  
  <!-- Right ear -->
  <path d="M210,100 C215,60 190,50 180,80 C185,90 200,95 210,100" fill="url(#earGradient)" filter="url(#softShadow)"/>
  <!-- Right ear inside -->
  <path d="M205,85 C208,70 195,65 190,80 C195,85 202,83 205,85" fill="#ffb3d9"/>
  
  <!-- Left cheek -->
  <circle cx="105" cy="150" r="12" fill="#f0c0a0" opacity="0.5"/>
  
  <!-- Right cheek -->
  <circle cx="195" cy="150" r="12" fill="#f0c0a0" opacity="0.5"/>
  
  <!-- Left eye (closed, happy) -->
  <path d="M120,135 Q130,140 140,135" stroke="#333" stroke-width="2" fill="none" stroke-linecap="round"/>
  
  <!-- Right eye (closed, happy) -->
  <path d="M160,135 Q170,140 180,135" stroke="#333" stroke-width="2" fill="none" stroke-linecap="round"/>
  
  <!-- Nose -->
  <path d="M150,155 L145,160 L155,160 Z" fill="#ff9999"/>
  
  <!-- Mouth -->
  <path d="M150,160 Q140,165 130,160" stroke="#333" stroke-width="1.5" fill="none" stroke-linecap="round"/>
  <path d="M150,160 Q160,165 170,160" stroke="#333" stroke-width="1.5" fill="none" stroke-linecap="round"/>
  
  <!-- Whiskers -->
  <line x1="80" y1="150" x2="40" y2="145" stroke="#333" stroke-width="1" stroke-linecap="round"/>
  <line x1="80" y1="160" x2="40" y2="160" stroke="#333" stroke-width="1" stroke-linecap="round"/>
  <line x1="80" y1="170" x2="40" y2="175" stroke="#333" stroke-width="1" stroke-linecap="round"/>
  
  <line x1="220" y1="150" x2="260" y2="145" stroke="#333" stroke-width="1" stroke-linecap="round"/>
  <line x1="220" y1="160" x2="260" y2="160" stroke="#333" stroke-width="1" stroke-linecap="round"/>
  <line x1="220" y1="170" x2="260" y2="175" stroke="#333" stroke-width="1" stroke-linecap="round"/>
  
  <!-- Left paw -->
  <ellipse cx="110" cy="250" rx="20" ry="15" fill="#f0c0a0" filter="url(#softShadow)"/>
  
  <!-- Right paw -->
  <ellipse cx="190" cy="250" rx="20" ry="15" fill="#f0c0a0" filter="url(#softShadow)"/>
  
  <!-- Tail -->
  <path d="M220,190 C260,180 270,220 240,240 C220,250 210,220 220,190" 
        fill="url(#bodyGradient)" stroke="#e8d4b0" stroke-width="1" filter="url(#softShadow)"/>
  
  <!-- Paws detail -->
  <!-- Left paw pads -->
  <ellipse cx="105" cy="250" rx="5" ry="4" fill="#ff9999"/>
  <ellipse cx="115" cy="250" rx="5" ry="4" fill="#ff9999"/>
  <ellipse cx="110" cy="255" rx="5" ry="4" fill="#ff9999"/>
  
  <!-- Right paw pads -->
  <ellipse cx="185" cy="250" rx="5" ry="4" fill="#ff9999"/>
  <ellipse cx="195" cy="250" rx="5" ry="4" fill="#ff9999"/>
  <ellipse cx="190" cy="255" rx="5" ry="4" fill="#ff9999"/>
</svg>