api.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- Gradient for fur -->
    <radialGradient id="furGradient" cx="50%" cy="30%" r="60%">
      <stop offset="0%" style="stop-color:#FFDBAC;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#D2691E;stop-opacity:1" />
    </radialGradient>
    
    <!-- Gradient for inner ear -->
    <radialGradient id="earGradient" cx="50%" cy="30%" r="60%">
      <stop offset="0%" style="stop-color:#FFB6C1;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#FF69B4;stop-opacity:1" />
    </radialGradient>
    
    <!-- Gradient for eyes -->
    <radialGradient id="eyeGradient" cx="30%" cy="30%" r="70%">
      <stop offset="0%" style="stop-color:#87CEEB;stop-opacity:1" />
      <stop offset="50%" style="stop-color:#4169E1;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#000080;stop-opacity:1" />
    </radialGradient>
    
    <!-- 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"/>
      <feComponentTransfer>
        <feFuncA type="linear" slope="0.3"/>
      </feComponentTransfer>
      <feMerge> 
        <feMergeNode/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>
  
  <!-- Tail (behind body) -->
  <path d="M 300 250 Q 350 230 340 280 Q 330 320 280 300 Q 290 270 300 250 Z" 
        fill="url(#furGradient)" stroke="#CD853F" stroke-width="2" filter="url(#softShadow)"/>
  
  <!-- Body -->
  <ellipse cx="200" cy="250" rx="100" ry="120" fill="url(#furGradient)" stroke="#CD853F" stroke-width="2" filter="url(#softShadow)"/>
  
  <!-- Legs and paws -->
  <ellipse cx="150" cy="350" rx="25" ry="15" fill="#FFDBAC" stroke="#CD853F" stroke-width="1"/>
  <ellipse cx="180" cy="360" rx="20" ry="10" fill="#FFDBAC" stroke="#CD853F" stroke-width="1"/>
  <ellipse cx="220" cy="360" rx="20" ry="10" fill="#FFDBAC" stroke="#CD853F" stroke-width="1"/>
  <ellipse cx="250" cy="350" rx="25" ry="15" fill="#FFDBAC" stroke="#CD853F" stroke-width="1"/>
  
  <!-- Paws -->
  <ellipse cx="150" cy="365" rx="12" ry="8" fill="#FFB6C1"/>
  <ellipse cx="180" cy="370" rx="10" ry="6" fill="#FFB6C1"/>
  <ellipse cx="220" cy="370" rx="10" ry="6" fill="#FFB6C1"/>
  <ellipse cx="250" cy="365" rx="12" ry="8" fill="#FFB6C1"/>
  
  <!-- Head -->
  <circle cx="200" cy="150" r="80" fill="url(#furGradient)" stroke="#CD853F" stroke-width="2" filter="url(#softShadow)"/>
  
  <!-- Ears -->
  <!-- Left ear -->
  <path d="M 140 80 L 120 20 L 160 50 Z" fill="url(#furGradient)" stroke="#CD853F" stroke-width="2"/>
  <path d="M 145 70 L 130 35 L 155 55 Z" fill="url(#earGradient)"/>
  
  <!-- Right ear -->
  <path d="M 260 80 L 280 20 L 240 50 Z" fill="url(#furGradient)" stroke="#CD853F" stroke-width="2"/>
  <path d="M 255 70 L 270 35 L 245 55 Z" fill="url(#earGradient)"/>
  
  <!-- Forehead marking -->
  <path d="M 180 100 Q 190 90 200 100 Q 210 90 220 100" 
        fill="none" stroke="#8B4513" stroke-width="3" stroke-linecap="round"/>
  <path d="M 195 105 Q 200 110 205 105" 
        fill="none" stroke="#8B4513" stroke-width="2" stroke-linecap="round"/>
  
  <!-- Eyes -->
  <!-- Left eye -->
  <ellipse cx="170" cy="140" rx="18" ry="22" fill="white" stroke="#333" stroke-width="1"/>
  <ellipse cx="170" cy="145" rx="12" ry="15" fill="url(#eyeGradient)"/>
  <circle cx="170" cy="145" r="6" fill="black"/>
  <circle cx="175" cy="140" r="3" fill="white"/>
  
  <!-- Right eye -->
  <ellipse cx="230" cy="140" rx="18" ry="22" fill="white" stroke="#333" stroke-width="1"/>
  <ellipse cx="230" cy="145" rx="12" ry="15" fill="url(#eyeGradient)"/>
  <circle cx="230" cy="145" r="6" fill="black"/>
  <circle cx="235" cy="140" r="3" fill="white"/>
  
  <!-- Eyelids -->
  <path d="M 152 135 Q 170 125 188 135" fill="none" stroke="#8B4513" stroke-width="3" stroke-linecap="round"/>
  <path d="M 212 135 Q 230 125 248 135" fill="none" stroke="#8B4513" stroke-width="3" stroke-linecap="round"/>
  
  <!-- Nose -->
  <path d="M 195 165 L 205 165 L 200 175 Z" fill="#FF69B4" stroke="#333" stroke-width="1"/>
  
  <!-- Mouth -->
  <path d="M 200 175 Q 195 185 185 180" fill="none" stroke="#333" stroke-width="2" stroke-linecap="round"/>
  <path d="M 200 175 Q 205 185 215 180" fill="none" stroke="#333" stroke-width="2" stroke-linecap="round"/>
  
  <!-- Whiskers - left side -->
  <path d="M 160 170 L 120 165" stroke="#333" stroke-width="2" stroke-linecap="round"/>
  <path d="M 160 175 L 115 175" stroke="#333" stroke-width="2" stroke-linecap="round"/>
  <path d="M 160 180 L 120 185" stroke="#333" stroke-width="2" stroke-linecap="round"/>
  
  <!-- Whiskers - right side -->
  <path d="M 240 170 L 280 165" stroke="#333" stroke-width="2" stroke-linecap="round"/>
  <path d="M 240 175 L 285 175" stroke="#333" stroke-width="2" stroke-linecap="round"/>
  <path d="M 240 180 L 280 185" stroke="#333" stroke-width="2" stroke-linecap="round"/>
  
  <!-- Cheek markings -->
  <ellipse cx="160" cy="180" rx="8" ry="12" fill="#FFB6C1" opacity="0.7"/>
  <ellipse cx="240" cy="180" rx="8" ry="12" fill="#FFB6C1" opacity="0.7"/>
  
  <!-- Body patterns -->
  <ellipse cx="200" cy="270" rx="15" ry="20" fill="#8B4513" opacity="0.8"/>
  <ellipse cx="170" cy="300" rx="10" ry="15" fill="#8B4513" opacity="0.8"/>
  <ellipse cx="230" cy="320" rx="12" ry="18" fill="#8B4513" opacity="0.8"/>
  
  <!-- Front paws -->
  <ellipse cx="160" cy="310" rx="25" ry="30" fill="url(#furGradient)" stroke="#CD853F" stroke-width="1"/>
  <ellipse cx="240" cy="310" rx="25" ry="30" fill="url(#furGradient)" stroke="#CD853F" stroke-width="1"/>
  
  <!-- Small toes on front paws -->
  <circle cx="150" cy="325" r="3" fill="#FFB6C1"/>
  <circle cx="160" cy="330" r="3" fill="#FFB6C1"/>
  <circle cx="170" cy="325" r="3" fill="#FFB6C1"/>
  
  <circle cx="230" cy="325" r="3" fill="#FFB6C1"/>
  <circle cx="240" cy="330" r="3" fill="#FFB6C1"/>
  <circle cx="250" cy="325" r="3" fill="#FFB6C1"/>
  
  <!-- Highlight on head -->
  <ellipse cx="180" cy="120" rx="20" ry="15" fill="white" opacity="0.3"/>
  
  <!-- Tiny heart near mouth -->
  <path d="M 200 190 Q 190 185 188 175 Q 195 170 200 175 Q 205 170 212 175 Q 210 185 200 190 Z" 
        fill="#FF1493" opacity="0.6"/>
</svg>