Generate an SVG of a pelican riding a bicycle.

Requirements:

  • Output only raw SVG code (no markdown, no code blocks)
  • The SVG should be self-contained and viewable in a browser
  • Include the pelican's distinctive large beak/pouch and plumage
  • Show the pelican actively pedaling a bicycle
  • Use a reasonable viewBox (around 400x300)
  • Be creative with the style, but make it recognizable as a pelican
Note h/t to the brilliant Simon Willison
38.6s $0.0028 Tokens i/o: 119/2,694 Dec 3rd
Preview
<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="400" height="300" fill="#87CEEB"/>
  
  <!-- Ground -->
  <rect x="0" y="260" width="400" height="40" fill="#90EE90"/>
  
  <!-- Back Wheel -->
  <circle cx="100" cy="230" r="40" fill="none" stroke="#333" stroke-width="4"/>
  <circle cx="100" cy="230" r="5" fill="#333"/>
  <!-- Spokes -->
  <line x1="100" y1="190" x2="100" y2="270" stroke="#333" stroke-width="2"/>
  <line x1="60" y1="230" x2="140" y2="230" stroke="#333" stroke-width="2"/>
  <line x1="72" y1="202" x2="128" y2="258" stroke="#333" stroke-width="2"/>
  <line x1="128" y1="202" x2="72" y2="258" stroke="#333" stroke-width="2"/>
  
  <!-- Front Wheel -->
  <circle cx="280" cy="230" r="40" fill="none" stroke="#333" stroke-width="4"/>
  <circle cx="280" cy="230" r="5" fill="#333"/>
  <!-- Spokes -->
  <line x1="280" y1="190" x2="280" y2="270" stroke="#333" stroke-width="2"/>
  <line x1="240" y1="230" x2="320" y2="230" stroke="#333" stroke-width="2"/>
  <line x1="252" y1="202" x2="308" y2="258" stroke="#333" stroke-width="2"/>
  <line x1="308" y1="202" x2="252" y2="258" stroke="#333" stroke-width="2"/>
  
  <!-- Bicycle Frame -->
  <polygon points="100,230 180,180 280,230 180,230" fill="none" stroke="#E74C3C" stroke-width="5"/>
  <line x1="180" y1="180" x2="180" y2="150" stroke="#E74C3C" stroke-width="5"/>
  <line x1="280" y1="230" x2="260" y2="160" stroke="#E74C3C" stroke-width="4"/>
  
  <!-- Handlebar -->
  <line x1="240" y1="155" x2="280" y2="155" stroke="#333" stroke-width="4"/>
  <circle cx="240" cy="155" r="4" fill="#333"/>
  <circle cx="280" cy="155" r="4" fill="#333"/>
  <line x1="260" y1="155" x2="260" y2="160" stroke="#333" stroke-width="3"/>
  
  <!-- Seat -->
  <ellipse cx="180" cy="145" rx="15" ry="6" fill="#8B4513"/>
  
  <!-- Pedals and Crank -->
  <circle cx="180" cy="230" r="12" fill="#333"/>
  <line x1="180" y1="230" x2="165" y2="250" stroke="#333" stroke-width="4"/>
  <line x1="180" y1="230" x2="195" y2="210" stroke="#333" stroke-width="4"/>
  <rect x="158" y="248" width="14" height="6" fill="#666" rx="2"/>
  <rect x="188" y="206" width="14" height="6" fill="#666" rx="2"/>
  
  <!-- Chain -->
  <ellipse cx="180" cy="230" rx="20" ry="10" fill="none" stroke="#444" stroke-width="2" stroke-dasharray="3,2"/>
  
  <!-- Pelican Body -->
  <ellipse cx="180" cy="120" rx="45" ry="35" fill="#F5F5DC"/>
  
  <!-- Pelican Wing -->
  <path d="M 150 100 Q 120 90 110 110 Q 100 130 130 140 Q 150 145 160 130 Z" fill="#D4C4A8" stroke="#B8A888" stroke-width="1"/>
  <path d="M 120 115 L 135 125" stroke="#B8A888" stroke-width="1"/>
  <path d="M 125 110 L 140 120" stroke="#B8A888" stroke-width="1"/>
  
  <!-- Pelican Tail Feathers -->
  <path d="M 220 130 Q 250 125 260 140 Q 255 145 225 140 Z" fill="#D4C4A8"/>
  <path d="M 220 135 Q 245 135 255 145 Q 250 152 225 145 Z" fill="#C4B498"/>
  
  <!-- Pelican Neck -->
  <path d="M 145 110 Q 120 90 115 60 Q 112 45 120 40" fill="none" stroke="#F5F5DC" stroke-width="20"/>
  <path d="M 145 110 Q 120 90 115 60 Q 112 45 120 40" fill="none" stroke="#E8E0C8" stroke-width="18"/>
  
  <!-- Pelican Head -->
  <ellipse cx="125" cy="35" rx="22" ry="18" fill="#F5F5DC"/>
  
  <!-- Pelican Eye -->
  <circle cx="118" cy="30" r="6" fill="white"/>
  <circle cx="116" cy="30" r="3" fill="#333"/>
  <circle cx="115" cy="29" r="1" fill="white"/>
  
  <!-- Pelican Beak - Upper -->
  <path d="M 105 35 L 55 45 Q 50 42 55 38 L 105 30 Q 108 32 105 35 Z" fill="#F4A460"/>
  <line x1="105" y1="32" x2="60" y2="40" stroke="#D2691E" stroke-width="1"/>
  
  <!-- Pelican Beak - Hook -->
  <path d="M 55 38 Q 48 40 50 45 Q 52 48 55 45" fill="#E8944A"/>
  
  <!-- Pelican Pouch -->
  <path d="M 105 35 Q 95 55 80 65 Q 65 70 55 60 Q 50 50 55 45 L 105 35" fill="#FFB347" opacity="0.8"/>
  <path d="M 100 40 Q 90 50 80 55" stroke="#E8944A" stroke-width="1" fill="none"/>
  <path d="M 95 42 Q 85 52 75 58" stroke="#E8944A" stroke-width="1" fill="none"/>
  
  <!-- Pelican Crest/Plumage -->
  <path d="M 140 25 Q 150 15 145 25 Q 155 18 150 28 Q 158 22 152 32" fill="none" stroke="#F5F5DC" stroke-width="3"/>
  
  <!-- Pelican Legs -->
  <line x1="170" y1="150" x2="165" y2="248" stroke="#F4A460" stroke-width="4"/>
  <line x1="190" y1="150" x2="195" y2="206" stroke="#F4A460" stroke-width="4"/>
  
  <!-- Pelican Feet on Pedals -->
  <path d="M 158 252 L 150 258 L 155 258 L 160 254 L 168 258 L 172 254 Z" fill="#F4A460"/>
  <path d="M 188 210 L 183 216 L 188 214 L 193 218 L 198 214 L 202 210 Z" fill="#F4A460"/>
  
  <!-- Wing holding handlebar -->
  <path d="M 200 110 Q 220 100 240 120 Q 250 140 240 155" fill="none" stroke="#D4C4A8" stroke-width="8"/>
  <ellipse cx="242" cy="155" rx="8" ry="5" fill="#D4C4A8"/>
  
  <!-- Motion lines -->
  <path d="M 320 230 L 340 225" stroke="#666" stroke-width="2" opacity="0.5"/>
  <path d="M 320 235 L 345 235" stroke="#666" stroke-width="2" opacity="0.5"/>
  <path d="M 320 240 L 340 245" stroke="#666" stroke-width="2" opacity="0.5"/>
  
  <!-- Sun -->
  <circle cx="350" cy="50" r="25" fill="#FFD700"/>
  <g stroke="#FFD700" stroke-width="3">
    <line x1="350" y1="15" x2="350" y2="5"/>
    <line x1="350" y1="85" x2="350" y2="95"/>
    <line x1="315" y1="50" x2="305" y2="50"/>
    <line x1="385" y1="50" x2="395" y2="50"/>
    <line x1="325" y1="25" x2="318" y2="18"/>
    <line x1="375" y1="75" x2="382" y2="82"/>
    <line x1="375" y1="25" x2="382" y2="18"/>
    <line x1="325" y1="75" x2="318" y2="82"/>
  </g>
  
  <!-- Clouds -->
  <g fill="white" opacity="0.9">
    <ellipse cx="60" cy="40" rx="25" ry="15"/>
    <ellipse cx="85" cy="45" rx="20" ry="12"/>
    <ellipse cx="40" cy="45" rx="18" ry="10"/>
  </g>
  
  <g fill="white" opacity="0.9">
    <ellipse cx="200" cy="30" rx="30" ry="15"/>
    <ellipse cx="230" cy="35" rx="22" ry="12"/>
    <ellipse cx="175" cy="38" rx="20" ry="10"/>
  </g>
</svg>
LINK COPIED!