Skip to content

Instantly share code, notes, and snippets.

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

2025-06-10T14:37:41 conversation: 01jxd4ct4z86ab9hgfe77n2y4e id: 01jxd4d22dj4v865gg9qzj1x8v

Model: hf.co/mistralai/Magistral-Small-2506_gguf:Q8_0

Prompt

Generate an SVG of a pelican riding a bicycle

Response

Here's an SVG of a pelican riding a bicycle. The image is playful and cartoon-like:

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

    <!-- Road -->
    <path d="M50,200 Q200,220 350,200" stroke="#6B4423" stroke-width="20" stroke-linecap="round" fill="none" />
    <path d="M100,200 L150,180 M200,200 L250,180 M300,200 L350,180" stroke="#A0522D" stroke-width="5" />

    <!-- Bicycle -->
    <circle cx="200" cy="220" r="40" fill="#FFD700" />
    <rect x="160" y="230" width="80" height="10" rx="5" fill="#CD853F" />
    <circle cx="160" cy="235" r="5" fill="#000" />
    <circle cx="240" cy="235" r="5" fill="#000" />
    <path d="M180,200 L220,180 M220,180 L260,200" stroke="#CD853F" stroke-width="5" stroke-linecap="round" />

    <!-- Pelican -->
    <circle cx="200" cy="200" r="40" fill="#FFFFFF" />
    <path d="M170,190 Q160,180 170,170 M230,190 Q240,180 230,170" stroke="#000000" stroke-width="3" />
    <path d="M200,160 Q200,150 210,140 M200,160 Q200,150 190,140" stroke="#FFD700" fill="none" stroke-width="3" />
    <circle cx="200" cy="185" r="5" fill="#FFA500" />

    <!-- Bicycle Handle -->
    <path d="M220,190 Q240,170 260,190" stroke="#CD853F" stroke-width="5" stroke-linecap="round" />
</svg>

Features:

  • A pelican sitting on a golden saddle (bicycle seat)
  • The bicycle has a brown frame, wheels with black rims, and a playful wobble in the front wheel
  • The road is drawn as a smooth curve with dashed lane markings
  • The background is a light blue sky

You can save this code to an .svg file or embed it directly in HTML. Adjust colors, proportions, or details as needed!

Would you like any modifications (e.g., more detail on the pelican's beak, sunglasses for the bike)?

Token usage

13 input, 782 output

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