Skip to content

Instantly share code, notes, and snippets.

@simonw
Created June 10, 2025 16:26
Show Gist options
  • Save simonw/93917661eae6e2fe0a0bd5685172fab8 to your computer and use it in GitHub Desktop.
Save simonw/93917661eae6e2fe0a0bd5685172fab8 to your computer and use it in GitHub Desktop.

2025-06-10T16:19:13 conversation: 01jxda7r1xp698gqnbt1t092pe id: 01jxda6z5qhqaqe35szpm2wfd5

Model: mistral/magistral-medium-latest

Prompt

Generate an SVG of a pelican riding a bicycle

Response

Here's an SVG of a pelican riding a bicycle. You can copy the code below into an HTML file or an SVG viewer to see it:

<svg width="400" height="300" viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="100%" height="100%" fill="#e0f7fa" />

  <!-- Ground -->
  <rect x="0" y="200" width="400" height="100" fill="#78909c" />

  <!-- Bicycle -->
  <!-- Frame -->
  <path d="M120,180 L180,180 L200,160 L250,160" stroke="#000" stroke-width="4" fill="none" />
  <path d="M120,180 Q150,170 180,180" stroke="#000" stroke-width="2" fill="none" />

  <!-- Wheels -->
  <circle cx="140" cy="190" r="20" fill="#333" stroke="#000" stroke-width="2" />
  <circle cx="240" cy="190" r="20" fill="#333" stroke="#000" stroke-width="2" />

  <!-- Pedals -->
  <circle cx="180" cy="190" r="5" fill="#555" />
  <circle cx="200" cy="190" r="5" fill="#555" />

  <!-- Pelican -->
  <!-- Body -->
  <ellipse cx="200" cy="140" rx="30" ry="20" fill="#f5f5f5" stroke="#000" stroke-width="2" />

  <!-- Head -->
  <circle cx="240" cy="120" r="15" fill="#f5f5f5" stroke="#000" stroke-width="2" />

  <!-- Beak -->
  <path d="M255,120 Q270,120 255,140" fill="#ff9800" stroke="#000" stroke-width="2" />

  <!-- Eye -->
  <circle cx="235" cy="115" r="3" fill="#000" />

  <!-- Wings -->
  <path d="M180,130 L160,110 L180,150 Z" fill="#ccc" stroke="#000" stroke-width="2" />

  <!-- Legs -->
  <line x1="190" y1="160" x2="190" y2="180" stroke="#000" stroke-width="3" />
  <line x1="210" y1="160" x2="210" y2="180" stroke="#000" stroke-width="3" />

  <!-- Tail -->
  <path d="M170,140 Q160,150 170,160" fill="#ccc" stroke="#000" stroke-width="2" />

  <!-- Handlebar -->
  <line x1="180" y1="160" x2="180" y2="140" stroke="#000" stroke-width="2" />
  <line x1="180" y1="140" x2="160" y2="140" stroke="#000" stroke-width="2" />

  <!-- Seat -->
  <ellipse cx="200" cy="160" rx="8" ry="5" fill="#888" />

  <!-- Spokes -->
  <line x1="140" y1="190" x2="160" y2="190" stroke="#fff" stroke-width="2" />
  <line x1="140" y1="190" x2="140" y2="170" stroke="#fff" stroke-width="2" />
  <line x1="240" y1="190" x2="220" y2="190" stroke="#fff" stroke-width="2" />
  <line x1="240" y1="190" x2="240" y2="170" stroke="#fff" stroke-width="2" />

  <!-- Sky (optional) -->
  <circle cx="350" cy="50" r="20" fill="#fff" />
</svg>

Features of this SVG:

  1. A pelican with a white body, orange beak, and black eye.
  2. A simple bicycle with wheels, frame, and pedals.
  3. The pelican is positioned as if riding the bike.
  4. Light blue background (sky) and gray ground.
  5. Spokes on the wheels and a handlebar for detail.

You can adjust colors, sizes, or positions by modifying the SVG code. For example, to change the pelican's color, edit the fill attribute in the pelican's body/head paths.

Would you like any modifications (e.g., colors, style, or additional details)?

Token usage

13 input, 1,236 output

@KenMacD
Copy link

KenMacD commented Jun 10, 2025

Should there be (or was there) a <think> section of the output?

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