api.svg

<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
  <!-- Definitions for gradients and filters -->
  <defs>
    <!-- Soft shadow filter -->
    <filter id="softShadow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
      <feOffset dx="2" dy="2" result="offsetblur"/>
      <feFlood flood-color="#000000" flood-opacity="0.1"/>
      <feComposite in2="offsetblur" operator="in"/>
      <feMerge>
        <feMergeNode/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    
    <!-- Gradient for fur -->
    <radialGradient id="furGradient">
      <stop offset="0%" style="stop-color:#f5f5f5;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#e0e0e0;stop-opacity:1" />
    </radialGradient>
    
    <!-- Gradient for inner ears -->
    <radialGradient id="earGradient">
      <stop offset="0%" style="stop-color:#ffb3ba;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#ff8a95;stop-opacity:1" />
    </radialGradient>
  </defs>
  
  <!-- Main body -->
  <ellipse cx="150" cy="200" rx="80" ry="60" fill="url(#furGradient)" filter="url(#softShadow)"/>
  
  <!-- Head -->
  <circle cx="150" cy="130" r="70" fill="url(#furGradient)" filter="url(#softShadow)"/>
  
  <!-- Left ear -->
  <path d="M 80 90 Q 70 50, 90 40 Q 100 60, 95 90" fill="url(#furGradient)" stroke="#d0d0d0" stroke-width="1"/>
  <path d="M 85 75 Q 80 55, 88 50 Q 93 65, 90 75" fill="url(#earGradient)"/>
  
  <!-- Right ear -->
  <path d="M 220 90 Q 230 50, 210 40 Q 200 60, 205 90" fill="url(#furGradient)" stroke="#d0d0d0" stroke-width="1"/>
  <path d="M 215 75 Q 220 55, 212 50 Q 207 65, 210 75" fill="url(#earGradient)"/>
  
  <!-- Left eye -->
  <ellipse cx="120" cy="125" rx="18" ry="20" fill="#333333"/>
  <ellipse cx="122" cy="123" rx="8" ry="10" fill="#ffffff"/>
  <ellipse cx="125" cy="120" rx="4" ry="5" fill="#ffffff" opacity="0.8"/>
  
  <!-- Right eye -->
  <ellipse cx="180" cy="125" rx="18" ry="20" fill="#333333"/>
  <ellipse cx="182" cy="123" rx="8" ry="10" fill="#ffffff"/>
  <ellipse cx="185" cy="120" rx="4" ry="5" fill="#ffffff" opacity="0.8"/>
  
  <!-- Nose -->
  <path d="M 150 145 Q 145 150, 150 155 Q 155 150, 150 145" fill="#ff8a95"/>
  
  <!-- Mouth -->
  <path d="M 150 155 Q 140 165, 130 160" fill="none" stroke="#666666" stroke-width="2" stroke-linecap="round"/>
  <path d="M 150 155 Q 160 165, 170 160" fill="none" stroke="#666666" stroke-width="2" stroke-linecap="round"/>
  
  <!-- Whiskers -->
  <!-- Left whiskers -->
  <path d="M 130 145 Q 100 142, 70 145" fill="none" stroke="#999999" stroke-width="1.5" stroke-linecap="round"/>
  <path d="M 125 155 Q 95 155, 65 155" fill="none" stroke="#999999" stroke-width="1.5" stroke-linecap="round"/>
  <path d="M 130 165 Q 100 168, 70 165" fill="none" stroke="#999999" stroke-width="1.5" stroke-linecap="round"/>
  
  <!-- Right whiskers -->
  <path d="M 170 145 Q 200 142, 230 145" fill="none" stroke="#999999" stroke-width="1.5" stroke-linecap="round"/>
  <path d="M 175 155 Q 205 155, 235 155" fill="none" stroke="#999999" stroke-width="1.5" stroke-linecap="round"/>
  <path d="M 170 165 Q 200 168, 230 165" fill="none" stroke="#999999" stroke-width="1.5" stroke-linecap="round"/>
  
  <!-- Blush -->
  <ellipse cx="95" cy="145" rx="12" ry="8" fill="#ffb3ba" opacity="0.4"/>
  <ellipse cx="205" cy="145" rx="12" ry="8" fill="#ffb3ba" opacity="0.4"/>
  
  <!-- Forepaw -->
  <ellipse cx="130" cy="220" rx="25" ry="30" fill="url(#furGradient)" filter="url(#softShadow)"/>
  <ellipse cx="170" cy="220" rx="25" ry="30" fill="url(#furGradient)" filter="url(#softShadow)"/>
  
  <!-- Paw pads -->
  <ellipse cx="125" cy="240" rx="8" ry="6" fill="#ffb3ba"/>
  <ellipse cx="135" cy="235" rx="6" ry="5" fill="#ffb3ba"/>
  <ellipse cx="165" cy="240" rx="8" ry="6" fill="#ffb3ba"/>
  <ellipse cx="175" cy="235" rx="6" ry="5" fill="#ffb3ba"/>
  
  <!-- Tail -->
  <path d="M 220 200 Q 250 180, 260 150 Q 265 120, 250 100" fill="none" stroke="url(#furGradient)" stroke-width="25" stroke-linecap="round" filter="url(#softShadow)"/>
  
  <!-- Fur texture details -->
  <circle cx="110" cy="110" r="2" fill="#d0d0d0" opacity="0.5"/>
  <circle cx="190" cy="110" r="2" fill="#d0d0d0" opacity="0.5"/>
  <circle cx="140" cy="170" r="2" fill="#d0d0d0" opacity="0.5"/>
  <circle cx="160" cy="170" r="2" fill="#d0d0d0" opacity="0.5"/>
</svg>