SVG Drawing Match #2653

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  <defs>
    <!-- Sky gradient -->
    <linearGradient id="skyGrad" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#87CEFA"/>
      <stop offset="100%" stop-color="#FFFFFF"/>
    </linearGradient>
    <!-- Rainbow road gradient -->
    <linearGradient id="rainbowGrad" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#FF0000"/>
      <stop offset="17%" stop-color="#FF7F00"/>
      <stop offset="33%" stop-color="#FFFF00"/>
      <stop offset="50%" stop-color="#00FF00"/>
      <stop offset="67%" stop-color="#0000FF"/>
      <stop offset="83%" stop-color="#4B0082"/>
      <stop offset="100%" stop-color="#8B00FF"/>
    </linearGradient>
    <!-- Snail shell spiral gradient -->
    <radialGradient id="shellGrad" cx="50%" cy="50%" r="50%" fx="40%" fy="40%">
      <stop offset="0%" stop-color="#FFD700"/>
      <stop offset="100%" stop-color="#FF8C00"/>
    </radialGradient>
    <!-- Cheetah spots pattern -->
    <pattern id="spots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
      <circle cx="5" cy="5" r="3" fill="#000"/>
      <circle cx="15" cy="15" r="3" fill="#000"/>
    </pattern>
    <!-- Motion blur filter for cheetah -->
    <filter id="motionBlur" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur stdDeviation="0 5" />
    </filter>
  </defs>

  <!-- Background sky -->
  <rect width="300" height="300" fill="url(#skyGrad)" />

  <!-- Rainbow road -->
  <path d="M0,200 C50,180 100,220 150,200 C200,180 250,220 300,200 L300,300 L0,300 Z"
        fill="url(#rainbowGrad)" />

  <!-- Snail group -->
  <g id="snail" transform="translate(40,180) scale(0.8)">
    <!-- Shell -->
    <circle cx="0" cy="-10" r="30" fill="url(#shellGrad)" />
    <path d="M0,-10 l-20,5 a25,25 0 0,1 40,-10" fill="none" stroke="#DAA520" stroke-width="4"/>
    <!-- Body -->
    <path d="M-30,10 q50,10 60,0 q-5,20 -50,5" fill="#556B2F"/>
    <!-- Head and antennae -->
    <circle cx="30" cy="0" r="8" fill="#556B2F"/>
    <path d="M34,-4 l8,-12 M38,0 l10,-10" stroke="#556B2F" stroke-width="2" stroke-linecap="round"/>
    <!-- Eyes -->
    <circle cx="34" cy="-4" r="2" fill="#FFF"/>
    <circle cx="34" cy="-4" r="1" fill="#000"/>
  </g>

  <!-- Cheetah group with motion blur -->
  <g id="cheetah" transform="translate(200,150) scale(0.9)" filter="url(#motionBlur)">
    <!-- Body -->
    <ellipse cx="0" cy="20" rx="50" ry="20" fill="#FFD700" />
    <!-- Spots -->
    <ellipse cx="0" cy="20" rx="50" ry="20" fill="url(#spots)" opacity="0.8"/>
    <!-- Legs -->
    <path d="M-30,25 l-10,20 M-10,25 l-5,20 M10,25 l5,20 M30,25 l10,20"
          stroke="#FFD700" stroke-width="8" stroke-linecap="round"/>
    <!-- Neck and head -->
    <path d="M50,20 q20,-10 30,0 q-10,-20 -30,-10" fill="#FFD700" />
    <ellipse cx="80" cy="8" rx="12" ry="8" fill="#FFD700"/>
    <!-- Eye -->
    <circle cx="84" cy="5" r="2" fill="#000"/>
    <!-- Spots on head -->
    <circle cx="75" cy="10" r="2" fill="#000"/>
  </g>

  <!-- Speed lines accent -->
  <g stroke="#FFF" stroke-width="2" stroke-linecap="round" opacity="0.6">
    <line x1="220" y1="130" x2="250" y2="120"/>
    <line x1="240" y1="140" x2="270" y2="130"/>
    <line x1="210" y1="150" x2="240" y2="140"/>
  </g>
</svg>