api.svg

<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="400" height="400" fill="#f0f8ff" />

  <!-- Body -->
  <ellipse cx="200" cy="200" rx="80" ry="60" fill="#e6e6fa" stroke="#c0c0c0" stroke-width="2" />

  <!-- Head -->
  <circle cx="200" cy="150" r="60" fill="#e6e6fa" stroke="#c0c0c0" stroke-width="2" />

  <!-- Ears -->
  <polygon points="160,110 150,70 180,80" fill="#e6e6fa" stroke="#c0c0c0" stroke-width="2" />
  <polygon points="240,110 230,70 260,80" fill="#e6e6fa" stroke="#c0c0c0" stroke-width="2" />

  <!-- Inner ears -->
  <polygon points="165,115 155,85 175,95" fill="#ffccff" />
  <polygon points="235,115 225,85 245,95" fill="#ffccff" />

  <!-- Eyes -->
  <circle cx="180" cy="140" r="12" fill="#222222" />
  <circle cx="220" cy="140" r="12" fill="#222222" />

  <!-- Pupils -->
  <circle cx="180" cy="140" r="6" fill="#ffffff" />
  <circle cx="220" cy="140" r="6" fill="#ffffff" />

  <!-- Whiskers -->
  <!-- Left whiskers -->
  <line x1="160" y1="145" x2="120" y2="145" stroke="#000000" stroke-width="1" />
  <line x1="160" y1="150" x2="120" y2="150" stroke="#000000" stroke-width="1" />
  <line x1="160" y1="155" x2="120" y2="155" stroke="#000000" stroke-width="1" />

  <!-- Right whiskers -->
  <line x1="240" y1="145" x2="280" y2="145" stroke="#000000" stroke-width="1" />
  <line x1="240" y1="150" x2="280" y2="150" stroke="#000000" stroke-width="1" />
  <line x1="240" y1="155" x2="280" y2="155" stroke="#000000" stroke-width="1" />

  <!-- Nose -->
  <circle cx="200" cy="155" r="5" fill="#ff9999" />

  <!-- Mouth -->
  <path d="M190 170 Q200 175 210 170" fill="none" stroke="#000000" stroke-width="2" />

  <!-- Tail -->
  <path d="M120 200 C100 220 80 240 80 260 C80 280 100 300 120 300" fill="none" stroke="#e6e6fa" stroke-width="6" stroke-linecap="round" />

  <!-- Legs -->
  <!-- Front left leg -->
  <path d="M140 240 C130 250 120 260 120 270" fill="none" stroke="#e6e6fa" stroke-width="6" stroke-linecap="round" />
  <!-- Front right leg -->
  <path d="M260 240 C270 250 280 260 280 270" fill="none" stroke="#e6e6fa" stroke-width="6" stroke-linecap="round" />
  <!-- Back left leg -->
  <path d="M110 260 C100 270 90 280 90 290" fill="none" stroke="#e6e6fa" stroke-width="6" stroke-linecap="round" />
  <!-- Back right leg -->
  <path d="M290 260 C300 270 310 280 310 290" fill="none" stroke="#e6e6fa" stroke-width="6" stroke-linecap="round" />

  <!-- Paws -->
  <!-- Front left paw -->
  <circle cx="120" cy="270" r="10" fill="#e6e6fa" />
  <!-- Front right paw -->
  <circle cx="280" cy="270" r="10" fill="#e6e6fa" />
  <!-- Back left paw -->
  <circle cx="90" cy="290" r="10" fill="#e6e6fa" />
  <!-- Back right paw -->
  <circle cx="310" cy="290" r="10" fill="#e6e6fa" />

  <!-- Fur details (subtle shading) -->
  <ellipse cx="200" cy="180" rx="40" ry="20" fill="#d0d0ff" opacity="0.6" />
  <ellipse cx="170" cy="190" rx="15" ry="10" fill="#d0d0ff" opacity="0.6" />
  <ellipse cx="230" cy="190" rx="15" ry="10" fill="#d0d0ff" opacity="0.6" />
  <ellipse cx="150" cy="220" rx="10" ry="8" fill="#d0d0ff" opacity="0.6" />
  <ellipse cx="250" cy="220" rx="10" ry="8" fill="#d0d0ff" opacity="0.6" />

  <!-- Shadow -->
  <ellipse cx="200" cy="220" rx="90" ry="15" fill="#cccccc" opacity="0.3" />

</svg>