Skip to content

Instantly share code, notes, and snippets.

@simonw

simonw/peli.md Secret

Created February 24, 2025 20:21
Show Gist options
  • Save simonw/9c2d119f815b4a6c3802ab591857bf40 to your computer and use it in GitHub Desktop.
Save simonw/9c2d119f815b4a6c3802ab591857bf40 to your computer and use it in GitHub Desktop.

2025-02-24T20:17:28 conversation: 01jmwsqfybx3r5zvt1cnkbwf08

Model: anthropic/claude-3-7-sonnet-20250219

Prompt:

Generate an SVG of a pelican riding a bicycle

Response:

I'll create an SVG image of a pelican riding a bicycle. I'll need to include the SVG opening tag with proper namespace declarations, then draw various shapes to create the pelican and bicycle. I'll use basic SVG elements like circles, ellipses, paths, and lines to create this whimsical illustration.

For the bicycle, I'll need to draw:

  • Two wheels (circles)
  • Frame (several connected lines)
  • Handlebars
  • Pedals

For the pelican, I'll need to draw:

  • Body (oval shape)
  • Head and distinctive beak
  • Wings
  • Legs/feet grasping the bicycle

I'll use a combination of simple shapes and path elements with appropriate colors. Let me create this SVG code now.


Here's an SVG of a pelican riding a bicycle:

<svg width="400" height="300" xmlns="http://www.w3.org/2000/svg">
  <!-- Bicycle -->
  <!-- Wheels -->
  <circle cx="100" cy="220" r="40" fill="none" stroke="black" stroke-width="2"/>
  <circle cx="280" cy="220" r="40" fill="none" stroke="black" stroke-width="2"/>
  <circle cx="100" cy="220" r="35" fill="none" stroke="black" stroke-width="1" stroke-dasharray="5,5"/>
  <circle cx="280" cy="220" r="35" fill="none" stroke="black" stroke-width="1" stroke-dasharray="5,5"/>
  
  <!-- Bike Frame -->
  <line x1="100" y1="220" x2="200" y2="170" stroke="black" stroke-width="3"/>
  <line x1="200" y1="170" x2="280" y2="220" stroke="black" stroke-width="3"/>
  <line x1="200" y1="170" x2="180" y2="130" stroke="black" stroke-width="3"/>
  <line x1="180" y1="130" x2="150" y2="150" stroke="black" stroke-width="3"/>
  <line x1="150" y1="150" x2="100" y2="220" stroke="black" stroke-width="3"/>
  
  <!-- Handlebars and Seat -->
  <line x1="180" y1="130" x2="160" y2="110" stroke="black" stroke-width="3"/>
  <line x1="160" y1="110" x2="140" y2="110" stroke="black" stroke-width="3"/>
  <line x1="200" y1="170" x2="230" y2="150" stroke="black" stroke-width="3"/>
  
  <!-- Pedals -->
  <circle cx="150" cy="180" r="10" fill="none" stroke="black" stroke-width="2"/>
  <line x1="150" y1="170" x2="140" y2="160" stroke="black" stroke-width="2"/>
  <line x1="150" y1="190" x2="160" y2="200" stroke="black" stroke-width="2"/>
  
  <!-- Pelican -->
  <!-- Body -->
  <ellipse cx="200" cy="120" rx="45" ry="30" fill="#F5F5F5" stroke="black" stroke-width="1"/>
  
  <!-- Head and Beak -->
  <ellipse cx="155" cy="100" rx="20" ry="15" fill="#F5F5F5" stroke="black" stroke-width="1"/>
  <path d="M155 100 L110 110 L155 115 Z" fill="#F9A602" stroke="black" stroke-width="1"/>
  
  <!-- Eye -->
  <circle cx="145" cy="95" r="3" fill="black"/>
  
  <!-- Wings -->
  <path d="M180 95 Q200 70 230 95 Q215 110 180 95" fill="#F5F5F5" stroke="black" stroke-width="1"/>
  
  <!-- Legs -->
  <path d="M210 145 Q220 160 230 150" stroke="black" stroke-width="2" fill="none"/>
  <path d="M190 145 Q160 170 150 160" stroke="black" stroke-width="2" fill="none"/>
  
  <!-- Feet on pedals -->
  <path d="M230 150 L240 155" stroke="#F9A602" stroke-width="2"/>
  <path d="M150 160 L140 160" stroke="#F9A602" stroke-width="2"/>
</svg>

This SVG depicts a cartoon-style pelican with a white body, distinctive orange beak, and long legs, riding a bicycle with two wheels, frame, handlebars, and pedals. The pelican's feet are positioned on the bicycle pedals as if it's cycling along.

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