Skip to content

Instantly share code, notes, and snippets.

@simonw
Created September 21, 2025 13:49
Show Gist options
  • Select an option

  • Save simonw/7f9a5e5c780b1d5bfe98b4f4ad540551 to your computer and use it in GitHub Desktop.

Select an option

Save simonw/7f9a5e5c780b1d5bfe98b4f4ad540551 to your computer and use it in GitHub Desktop.

2025-09-21T13:48:00 conversation: 01k5p8g7d020hjdbgvtmnj0cyj id: 01k5p8g42c02s7m6fdxpsn0986

Model: openrouter/x-ai/grok-4-fast:free

Prompt

Generate an SVG of a pelican riding a bicycle

Response

<svg width="400" height="300" viewBox="0="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
  <!-- Bicycle frame -->
  <line x1="100" y1="200" x2="200" y2="150" stroke="black" stroke-width="4"/>
  <line x1="200" y1="150" x2="300" y2="200" stroke="black" stroke-width="4"/>
  <line x1="100" y1="200" x2="150" y2="200" stroke="black" stroke-width="4"/>
  <line x1="250" y1="200" x2="300" y2="200" stroke="black" stroke-width="4"/>
  <circle cx="100" cy="200" r="40" fill="none" stroke="black" stroke-width="4"/>
  <circle cx="300" cy="200" r="40" fill="none" stroke="black" stroke-width="4"/>
  
  <!-- Handlebars -->
  <line x1="200" y1="150" x2="220" y2="120" stroke="black" stroke-width="3"/>
  
  <!-- Pelican body -->
  <ellipse cx="180" cy="140" rx="50" ry="30" fill="white" stroke="black" stroke-width="2"/>
  
  <!-- Pelican head -->
  <circle cx="220" cy="120" r="20" fill="white" stroke="black" stroke-width="2"/>
  
  <!-- Pelican beak -->
  <polygon points="240,115 280,120 240,125" fill="yellow" stroke="black" stroke-width="2"/>
  <!-- Pouch -->
  <path d="M240 125 Q260 140 240 155" fill="yellow" stroke="black" stroke-width="2"/>
  
  <!-- Pelican eye -->
  <circle cx="230" cy="115" r="3" fill="black"/>
  
  <!-- Wing (simplified) -->
  <ellipse cx="140" cy="140" rx="40" ry="20" fill="white" stroke="black" stroke-width="2"/>
  
  <!-- Legs -->
  <line x1="170" y1="170" x2="150" y2="200" stroke="orange" stroke-width="3"/>
  <line x1="190" y1="170" x2="210" y2="200" stroke="orange" stroke-width="3"/>
  <line x1="150" y1="200" x2="140" y2="190" stroke="orange" stroke-width="3"/>
  <line x1="210" y1="200" x2="220" y2="190" stroke="orange" stroke-width="3"/>
  
  <!-- Tail -->
  <path d="M130 150 Q100 160 130 170" fill="white" stroke="black" stroke-width="2"/>
</svg>

This SVG depicts a whimsical pelican perched on a simple bicycle, pedaling along. The bike has a basic frame, two wheels, and handlebars, while the pelican features a white body, yellow beak with pouch, and orange legs gripping the pedals. You can copy-paste this code into an SVG viewer or HTML file to render it!

Token usage

137 input, 724 output, {"completion_tokens_details": {"reasoning_tokens": 1}, "prompt_tokens_details": {"cached_tokens": 136}}

@simonw
Copy link
Author

simonw commented Sep 21, 2025

I had to manually fix the invalid XML in the viewBox="0="0 0 400 300" on the first line.

image

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