Skip to content

Instantly share code, notes, and snippets.

@simonw
Created April 2, 2026 18:18
Show Gist options
  • Select an option

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

Select an option

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

2026-04-02T17:34:52 conversation: 01kn7m833v98xxzxd50yare123 id: 01kn7m68awwf7x5y9p2zdkkvec

Model: gemini/gemma-4-31b-it (resolved: gemma-4-31b-it)

Prompt

Generate an SVG of a pelican riding a bicycle

Response

Pelican riding a bicycle. SVG (Scalable Vector Graphics). A whimsical, recognizable scene.

*   *Pelican:* Large beak (pouch), webbed feet, white/grey feathers, wings.
*   *Bicycle:* Two wheels, frame, handlebars, pedals, seat.
*   *Action:* The pelican needs to be positioned on the seat with its feet on the pedals and wings/feet on the handlebars.

*   *Background:* Simple circle or ground line for context.
*   *Bicycle:*
    *   Wheels: Two circles.
    *   Frame: Lines connecting wheels and seat.
    *   Handlebars: A T-shape.
*   *Pelican:*
    *   Body: Oval.
    *   Head: Smaller circle.
    *   Beak: A large, elongated teardrop or rounded rectangle.
    *   Wings: Curved shapes on the sides.
    *   Legs: Simple lines connecting body to pedals.

*   *Colors:*
    *   Pelican: White/Light Grey (`#f0f0f0`), Orange beak/feet (`#ffa500`).
    *   Bicycle: Blue or Red for the frame (`#3498db`), Black for tires (`#333`).
    *   Background: Light sky blue or just white.

*   *Wheel 1 (Rear):* `<circle cx="100" cy="200" r="40" stroke="black" stroke-width="5" fill="none" />`
*   *Wheel 2 (Front):* `<circle cx="250" cy="200" r="40" stroke="black" stroke-width="5" fill="none" />`
*   *Frame:*
    *   Line from rear wheel to seat: `(100, 200) to (150, 150)`
    *   Line from rear wheel to pedals: `(100, 200) to (150, 200)`
    *   Line from pedals to front wheel: `(150, 200) to (250, 200)`
    *   Line from seat to handlebars: `(150, 150) to (230, 150)`
*   *Handlebars:* `(230, 150) to (230, 120)` and crossbar.

*   *Body:* Oval at `(150, 130)`.
*   *Head:* Circle at `(180, 100)`.
*   *Beak:* Large orange shape extending from head.
*   *Wings:* Curved lines on the body.
*   *Legs:* Lines from body to pedal area.

*   *Optimization:* Use `<g>` tags to group the bike and the pelican.
*   *Detailing:* Add a small eye to the pelican. Add spokes to the wheels for a better look.
*   *Layout:* Ensure the coordinate system is centered (e.g., 400x300).Here is a whimsical SVG of a pelican riding a bicycle. I have used a clean, vector style with a bright color palette.
<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
  <!-- Background/Ground -->
  <line x1="50" y1="240" x2="350" y2="240" stroke="#cccccc" stroke-width="4" stroke-linecap="round" />

  <!-- BICYCLE -->
  <g id="bicycle" stroke="#333" stroke-width="6" fill="none" stroke-linejoin="round" stroke-linecap="round">
    <!-- Wheels -->
    <circle cx="120" cy="200" r="35" stroke="#555" />
    <circle cx="280" cy="200" r="35" stroke="#555" />
    <!-- Spokes (Simple) -->
    <line x1="120" y1="165" x2="120" y2="235" stroke-width="2" />
    <line x1="85" y1="200" x2="155" y2="200" stroke-width="2" />
    <line x1="280" y1="165" x2="280" y2="235" stroke-width="2" />
    <line x1="245" y1="200" x2="315" y2="200" stroke-width="2" />
    
    <!-- Frame -->
    <polyline points="120,200 180,200 230,150 160,150 120,200" stroke="#e74c3c" />
    <line x1="180" y1="200" x2="160" y2="150" stroke="#e74c3c" />
    
    <!-- Handlebars -->
    <line x1="230" y1="150" x2="250" y2="150" stroke="#333" />
    <line x1="250" y1="150" x2="250" y2="120" stroke="#333" />
    <line x1="230" y1="120" x2="270" y2="120" stroke="#333" />
    
    <!-- Seat -->
    <line x1="150" y1="150" x2="170" y2="150" stroke="#333" stroke-width="8" />
  </g>

  <!-- PELICAN -->
  <g id="pelican">
    <!-- Body -->
    <ellipse cx="160" cy="120" rx="35" ry="25" fill="#f0f0f0" stroke="#ccc" stroke-width="1" />
    
    <!-- Wing -->
    <path d="M 150 120 Q 160 100 180 120" fill="none" stroke="#ddd" stroke-width="4" stroke-linecap="round" />
    
    <!-- Neck and Head -->
    <path d="M 185 110 Q 210 110 210 80" fill="none" stroke="#f0f0f0" stroke-width="15" stroke-linecap="round" />
    <circle cx="210" cy="75" r="12" fill="#f0f0f0" />
    
    <!-- Eye -->
    <circle cx="215" cy="72" r="2" fill="black" />
    
    <!-- Beak (The iconic pelican pouch) -->
    <path d="M 220 75 Q 260 75 260 85 Q 260 105 220 95 Z" fill="#ffb347" stroke="#e67e22" stroke-width="2" />
    
    <!-- Legs/Feet -->
    <!-- Back leg to pedal -->
    <line x1="150" y1="140" x2="180" y2="200" stroke="#ffb347" stroke-width="4" stroke-linecap="round" />
    <!-- Front leg to handlebar/frame area -->
    <line x1="170" y1="140" x2="230" y2="140" stroke="#ffb347" stroke-width="4" stroke-linecap="round" />
    
    <!-- Foot on pedal -->
    <ellipse cx="180" cy="200" rx="8" ry="4" fill="#ffb347" />
  </g>
  
  <!-- Little motion lines -->
  <line x1="60" y1="180" x2="80" y2="180" stroke="#ddd" stroke-width="3" stroke-linecap="round" />
  <line x1="70" y1="195" x2="90" y2="195" stroke="#ddd" stroke-width="3" stroke-linecap="round" />
</svg>

Design Details:

  • The Pelican: I gave it a large, orange pouch-beak and a soft white body to make it immediately recognizable.
  • The Bicycle: It features a classic red frame with simple wheels and handlebars.
  • The Pose: The pelican is positioned so one foot is on the pedal and its neck is extended forward, looking ahead as it rides.
  • Styling: I used a viewBox for scalability, meaning this image will look crisp at any size.

Token usage

11 input, 2,146 output, {"candidatesTokenCount": 1418, "promptTokensDetails": [{"modality": "TEXT", "tokenCount": 11}], "thoughtsTokenCount": 728}

@simonw
Copy link
Copy Markdown
Author

simonw commented Apr 2, 2026

image

@simonw
Copy link
Copy Markdown
Author

simonw commented Apr 2, 2026

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