Skip to content

Instantly share code, notes, and snippets.

@SerJaimeLannister
Created May 1, 2026 09:12
Show Gist options
  • Select an option

  • Save SerJaimeLannister/f6de26bd0d0817e0563e8c1398eac655 to your computer and use it in GitHub Desktop.

Select an option

Save SerJaimeLannister/f6de26bd0d0817e0563e8c1398eac655 to your computer and use it in GitHub Desktop.

grok 4.3

Model: grok 4.3 on arena.ai using direct-chat option

Prompt

create me a svg of pelican riding a bike

Response

<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="800" height="600" fill="#f0f4f8"/>
  
  <!-- Ground -->
  <line x1="0" y1="480" x2="800" y2="480" stroke="#a3b5c9" stroke-width="30"/>
  
  <!-- Bike Wheels -->
  <!-- Rear Wheel -->
  <circle cx="220" cy="420" r="75" fill="#2c3e50" stroke="#1a252f" stroke-width="12"/>
  <circle cx="220" cy="420" r="58" fill="#34495e"/>
  <!-- Spokes -->
  <g stroke="#1a252f" stroke-width="4">
    <line x1="220" y1="345" x2="220" y2="495"/>
    <line x1="145" y1="420" x2="295" y2="420"/>
    <line x1="165" y1="355" x2="275" y2="485"/>
    <line x1="165" y1="485" x2="275" y2="355"/>
  </g>
  
  <!-- Front Wheel -->
  <circle cx="530" cy="420" r="75" fill="#2c3e50" stroke="#1a252f" stroke-width="12"/>
  <circle cx="530" cy="420" r="58" fill="#34495e"/>
  <!-- Spokes -->
  <g stroke="#1a252f" stroke-width="4">
    <line x1="530" y1="345" x2="530" y2="495"/>
    <line x1="455" y1="420" x2="605" y2="420"/>
    <line x1="475" y1="355" x2="585" y2="485"/>
    <line x1="475" y1="485" x2="585" y2="355"/>
  </g>
  
  <!-- Bike Frame -->
  <!-- Main frame -->
  <path d="M 220 420 L 340 300 L 480 300 L 530 420" 
        fill="none" stroke="#2c3e50" stroke-width="22" stroke-linejoin="round"/>
  <!-- Seat tube -->
  <line x1="340" y1="300" x2="280" y2="420" stroke="#2c3e50" stroke-width="18"/>
  
  <!-- Seat -->
  <ellipse cx="295" cy="285" rx="45" ry="18" fill="#e74c3c"/>
  <ellipse cx="295" cy="282" rx="35" ry="10" fill="#c0392b"/>
  
  <!-- Handlebars -->
  <line x1="480" y1="300" x2="480" y2="255" stroke="#2c3e50" stroke-width="18"/>
  <line x1="455" y1="255" x2="510" y2="255" stroke="#2c3e50" stroke-width="18" stroke-linecap="round"/>
  
  <!-- Pedals -->
  <ellipse cx="340" cy="400" rx="18" ry="8" fill="#555" transform="rotate(25 340 400)"/>
  <ellipse cx="400" cy="410" rx="18" ry="8" fill="#555" transform="rotate(-25 400 410)"/>
  
  <!-- Pelican Body -->
  <ellipse cx="310" cy="265" rx="85" ry="65" fill="#f8f9fa" stroke="#2c3e50" stroke-width="8" transform="rotate(-18 310 265)"/>
  
  <!-- Pelican Neck -->
  <path d="M 355 225 Q 400 195 430 205" 
        fill="none" stroke="#f8f9fa" stroke-width="42" stroke-linecap="round"/>
  <path d="M 355 225 Q 400 195 430 205" 
        fill="none" stroke="#2c3e50" stroke-width="8" stroke-linecap="round"/>
  
  <!-- Pelican Head -->
  <circle cx="440" cy="200" r="32" fill="#f8f9fa" stroke="#2c3e50" stroke-width="8"/>
  
  <!-- Beak -->
  <!-- Upper beak -->
  <path d="M 440 200 L 530 215 L 440 225" fill="#f39c12" stroke="#d35400" stroke-width="5"/>
  <!-- Beak pouch -->
  <path d="M 440 225 Q 495 250 530 215" fill="#e67e22" stroke="#d35400" stroke-width="5"/>
  
  <!-- Eye -->
  <circle cx="455" cy="192" r="10" fill="#2c3e50"/>
  <circle cx="458" cy="190" r="4" fill="#fff"/>
  
  <!-- Wing (holding handlebar) -->
  <ellipse cx="365" cy="275" rx="55" ry="28" fill="#ecf0f1" stroke="#2c3e50" stroke-width="6" transform="rotate(35 365 275)"/>
  
  <!-- Leg 1 (right leg on pedal) -->
  <line x1="275" y1="305" x2="335" y2="395" stroke="#f8f9fa" stroke-width="22" stroke-linecap="round"/>
  <line x1="275" y1="305" x2="335" y2="395" stroke="#2c3e50" stroke-width="6" stroke-linecap="round"/>
  
  <!-- Webbed foot 1 -->
  <ellipse cx="345" cy="400" rx="28" ry="13" fill="#f8f9fa" stroke="#2c3e50" stroke-width="5" transform="rotate(22 345 400)"/>
  
  <!-- Leg 2 (left leg) -->
  <line x1="310" y1="310" x2="395" y2="405" stroke="#f8f9fa" stroke-width="22" stroke-linecap="round"/>
  <line x1="310" y1="310" x2="395" y2="405" stroke="#2c3e50" stroke-width="6" stroke-linecap="round"/>
  
  <!-- Webbed foot 2 -->
  <ellipse cx="405" cy="412" rx="28" ry="13" fill="#f8f9fa" stroke="#2c3e50" stroke-width="5" transform="rotate(-18 405 412)"/>
  
  <!-- Tail feathers -->
  <path d="M 235 270 Q 210 290 225 310" fill="none" stroke="#2c3e50" stroke-width="8" stroke-linecap="round"/>
  <path d="M 240 265 Q 205 280 215 305" fill="none" stroke="#2c3e50" stroke-width="6" stroke-linecap="round"/>
</svg>

Just copy and paste the code above into an .svg file or an HTML page.

The pelican is shown in a side view, sitting on the bike with its wings on the handlebars and webbed feet on the pedals. The design is simple but recognizable! Let me know if you'd like any changes (different colors, style, angle, etc.).

Time taken: It thought for 23 seconds

@SerJaimeLannister

Copy link
Copy Markdown
Author
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment