Skip to content

Instantly share code, notes, and snippets.

@simonw
Created December 2, 2025 16:49
Show Gist options
  • Select an option

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

Select an option

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

2025-12-02T16:24:18 conversation: 01kbfy2d42pg5vww8r76tqjzyw id: 01kbfy22s9ewagra6ww7ta0x8c

Model: mistral/ministral-3b-2512

Prompt

Generate an SVG of a pelican riding a bicycle

Response

Here's an SVG of a pelican riding a bicycle. I'll create a stylized and playful design that combines the features of a pelican (with its distinctive beak and feathers) with a bicycle.

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

    <!-- Sky -->
    <rect width="100%" height="100%" fill="linear-gradient(to bottom, #87CEEB, #E0F7FA)" />

    <!-- Ground -->
    <rect x="0" y="300" width="100%" height="100%" fill="#8B4513" />

    <!-- Bicycle -->
    <g transform="translate(200, 200)">
        <!-- Frame -->
        <path d="M0,0 L20,0 L20,-5 L0,-5 Z" fill="#5D4037"/>
        <path d="M0,0 L20,0 L20,5 L0,5 Z" fill="#5D4037"/>

        <!-- Front wheel -->
        <circle cx="40" cy="-20" r="15" fill="#4A3B2C"/>
        <path d="M40,-20 L40,-35 L50,-30 L50,-25 L40,-20 Z" fill="#8B4513"/>

        <!-- Rear wheel -->
        <circle cx="-40" cy="-20" r="15" fill="#4A3B2C"/>
        <path d="M-40,-20 L-40,-35 L-50,-30 L-50,-25 L-40,-20 Z" fill="#8B4513"/>

        <!-- Pedals -->
        <path d="M-40,-20 L-40,-25 L-35,-25 Z" fill="#5D4037"/>
        <path d="M40,-20 L40,-25 L35,-25 Z" fill="#5D4037"/>

        <!-- Seat -->
        <path d="M0,0 L10,-5 L10,-10 L0,-10 Z" fill="#5D4037"/>

        <!-- Pedal handles -->
        <path d="M-35,-25 L-45,-20 L-45,-25 Z" fill="#5D4037"/>
        <path d="M35,-25 L45,-20 L45,-25 Z" fill="#5D4037"/>
    </g>

    <!-- Pelican -->
    <g transform="translate(180, 150) scale(0.6)">
        <!-- Beak -->
        <path d="M0,0 L-10,-5 L-10,5 L0,0 Z" fill="#D2691E"/>
        <path d="M0,0 L-10,-5 L-15,-3 L-10,0 Z" fill="#D2691E"/>

        <!-- Head -->
        <path d="M0,0 L-10,-5 L-10,5 Z" fill="#D2691E"/>
        <path d="M0,0 L-5,-2 L-5,2 L0,0 Z" fill="#D2691E" stroke="#8B4513" stroke-width="0.5"/>

        <!-- Eyes -->
        <circle cx="-5" cy="-2" r="0.8" fill="#000"/>
        <circle cx="-5" cy="-2" r="0.5" fill="#fff"/>

        <!-- Nostrils -->
        <path d="M-4,-3 L-3,-3 L-3,-4 L-4,-4 Z" fill="#D2691E"/>

        <!-- Body -->
        <path d="M0,0 L-15,-10 L-20,-5 L-20,5 L-15,10 L0,0 Z" fill="#D2691E"/>

        <!-- Wings -->
        <path d="M-15,-10 L-30,-5 L-30,5 L-15,10 Z" fill="#D2691E" opacity="0.7"/>
        <path d="M-20,-5 L-35,-10 L-35,0 L-20,5 Z" fill="#D2691E" opacity="0.7"/>

        <!-- Legs -->
        <path d="M-20,-5 L-20,-15 L-15,-15 L-15,-20 Z" fill="#D2691E"/>
        <path d="M-15,-15 L-10,-20 L-10,-25 L-15,-20 Z" fill="#D2691E"/>

        <!-- Tail -->
        <path d="M-10,-10 L-10,-15 L-5,-15 L-5,-10 Z" fill="#D2691E"/>
    </g>

    <!-- Positioning the Pelican on the Bicycle -->
    <!-- Positioning the Pelican slightly ahead of the bicycle -->
    <g transform="translate(250, 150) scale(0.6)">
        <!-- Positioning the Pelican on the bicycle -->
        <g transform="translate(0, 0)">
            <!-- Position the Pelican's body on the bicycle seat area -->
            <path d="M0,0 L-15,-10 L-20,-5 L-20,5 L-15,10 Z" fill="#D2691E" transform="translate(0, -15)"/>
            <path d="M-10,-10 L-10,-15 L-5,-15 L-5,-10 Z" fill="#D2691E" transform="translate(0, -15)"/>

            <!-- Position the Pelican's head and beak on the handlebars -->
            <path d="M-10,0 L-10,-5 L-15,-3 L-10,0 Z" fill="#D2691E" transform="translate(-20, 0)"/>
            <path d="M-5,0 L-5,-2 L-5,2 L0,0 Z" fill="#D2691E" transform="translate(-20, 0)"/>
            <path d="M-10,0 L-10,-5 L-15,-3 L-10,0 Z" fill="#D2691E" stroke="#8B4513" stroke-width="0.5" transform="translate(-20, -2)"/>
            <circle cx="-5" cy="-2" r="0.8" fill="#000" transform="translate(-20, 0)"/>
            <circle cx="-5" cy="-2" r="0.5" fill="#fff" transform="translate(-20, 0)"/>
        </g>
    </g>

    <!-- Adjustments to get the Pelican on the bicycle -->
    <g transform="translate(220, 150)">
        <!-- Position the Pelican's legs on the pedals -->
        <path d="M-20,-5 L-20,-15 L-15,-15 L-15,-20 Z" fill="#D2691E" transform="translate(0, -10)"/>
        <path d="M-15,-15 L-10,-20 L-10,-25 L-15,-20 Z" fill="#D2691E" transform="translate(0, -10)"/>
    </g>
</svg>

This SVG combines a bicycle and a pelican in a fun, creative way. Here's a refined version that better positions the pelican to be riding the bicycle:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 400" width="600" height="400">
    <!-- Sky -->
    <rect width="100%" height="100%" fill="linear-gradient(to bottom, #87CEEB, #E0F7FA)"/>

    <!-- Ground -->
    <rect x="0" y="300" width="100%" height="100%" fill="#8B4513"/>

    <!-- Bicycle -->
    <g transform="translate(200, 150)">
        <!-- Frame -->
        <path d="M0,0 L20,0 L20,-5 L0,-5 Z" fill="#5D4037"/>
        <path d="M0,0 L20,0 L20,5 L0,5 Z" fill="#5D4037"/>

        <!-- Front wheel -->
        <circle cx="40" cy="-20" r="15" fill="#4A3B2C"/>
        <path d="M40,-20 L40,-35 L50,-30 L50,-25 L40,-20 Z" fill="#8B4513"/>

        <!-- Rear wheel -->
        <circle cx="-40" cy="-20" r="15" fill="#4A3B2C"/>
        <path d="M-40,-20 L-40,-35 L-50,-30 L-50,-25 L-40,-20 Z" fill="#8B4513"/>

        <!-- Pedals -->
        <path d="M-40,-20 L-40,-25 L-35,-25 Z" fill="#5D4037"/>
        <path d="M40,-20 L40,-25 L35,-25 Z" fill="#5D4037"/>

        <!-- Seat -->
        <path d="M0,0 L10,-5 L10,-10 L0,-10 Z" fill="#5D4037"/>

        <!-- Pedal handles -->
        <path d="M-35,-25 L-45,-20 L-45,-25 Z" fill="#5D4037"/>
        <path d="M35,-25 L45,-20 L45,-25 Z" fill="#5D4037"/>
    </g>

    <!-- Pelican riding the bicycle -->
    <g transform="translate(180, 150)">
        <!-- Positioning the Pelican on the bicycle -->
        <g transform="translate(0, 0) scale(0.6)">

            <!-- Head and Beak on the handlebars -->
            <path d="M0,0 L-10,-5 L-10,5 Z" fill="#D2691E"/>
            <path d="M0,0 L-10,-5 L-15,-3 L-10,0 Z" fill="#D2691E"/>

            <!-- Eyes -->
            <circle cx="-5" cy="-2" r="0.8" fill="#000"/>
            <circle cx="-5" cy="-2" r="0.5" fill="#fff"/>

            <!-- Body on the seat -->
            <path d="M0,0 L-15,-10 L-20,-5 L-20,5 L-15,10 Z" fill="#D2691E" transform="translate(0, -15)"/>

            <!-- Wings -->
            <path d="M-15,-10 L-30,-5 L-30,5 L-15,10 Z" fill="#D2691E" opacity="0.7" transform="translate(0, -15)"/>
            <path d="M-20,-5 L-35,-10 L-35,0 L-20,5 Z" fill="#D2691E" opacity="0.7" transform="translate(0, -15)"/>

            <!-- Legs on pedals -->
            <path d="M-20,-5 L-20,-15 L-15,-15 Z" fill="#D2691E" transform="translate(0, -10)"/>
            <path d="M-15,-15 L-10,-20 L-10,-25 Z" fill="#D2691E" transform="translate(0, -10)"/>

            <!-- Tail -->
            <path d="M-10,-10 L-10,-15 L-5,-15 L-5,-10 Z" fill="#D2691E" transform="translate(0, -15)"/>
        </g>
    </g>

    <!-- Additional adjustments -->
    <!-- Positioning the Pelican's body more naturally on the bicycle -->
    <g transform="translate(185, 145)">
        <path d="M0,0 L-15,-10 L-20,-5 L-20,5 L-15,10 Z" fill="#D2691E" transform="translate(0, -15) scale(0.6)"/>
    </g>
</svg>

This refined version places the pelican more naturally on top of the bicycle, with its head on the handlebars and legs on the pedals. The design is playful and creative, combining the pelican's features with the bicycle's structure.

2025-12-02T16:24:42 conversation: 01kbfy4987wx99dtv2r2cmqvnw id: 01kbfy2sqnw2qfga53wn5t7vta

Model: mistral/mistral-large-2512

Prompt

Generate an SVG of a pelican riding a bicycle

Response

Here's an SVG of a whimsical pelican riding a bicycle. You can copy this code into an .svg file or embed it directly in HTML:

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

  <!-- Road -->
  <rect x="0" y="250" width="400" height="50" fill="#555" />

  <!-- Bicycle -->
  <g transform="translate(100, 200)">
    <!-- Front wheel -->
    <circle cx="80" cy="30" r="25" fill="none" stroke="#333" stroke-width="3" />
    <circle cx="80" cy="30" r="5" fill="#333" />

    <!-- Back wheel -->
    <circle cx="0" cy="30" r="25" fill="none" stroke="#333" stroke-width="3" />
    <circle cx="0" cy="30" r="5" fill="#333" />

    <!-- Frame -->
    <line x1="0" y1="30" x2="40" y2="10" stroke="#333" stroke-width="3" />
    <line x1="40" y1="10" x2="80" y2="30" stroke="#333" stroke-width="3" />
    <line x1="40" y1="10" x2="40" y2="30" stroke="#333" stroke-width="3" />
    <line x1="20" y1="20" x2="60" y2="20" stroke="#333" stroke-width="3" />

    <!-- Pedals -->
    <circle cx="40" cy="30" r="8" fill="#333" />
    <line x1="40" y1="22" x2="40" y2="38" stroke="#333" stroke-width="2" />
    <line x1="32" y1="30" x2="48" y2="30" stroke="#333" stroke-width="2" />

    <!-- Handlebar -->
    <line x1="80" y1="30" x2="90" y2="10" stroke="#333" stroke-width="2" />
    <line x1="90" y1="10" x2="100" y2="10" stroke="#333" stroke-width="2" />
  </g>

  <!-- Pelican -->
  <g transform="translate(120, 120)">
    <!-- Body -->
    <ellipse cx="0" cy="30" rx="25" ry="20" fill="#f5f5dc" stroke="#333" stroke-width="2" />

    <!-- Head -->
    <circle cx="-15" cy="10" r="12" fill="#f5f5dc" stroke="#333" stroke-width="2" />

    <!-- Beak (open) -->
    <path d="M -25 10 L -40 5 L -35 10 L -40 15 Z" fill="#ffa500" stroke="#333" stroke-width="1" />

    <!-- Eye -->
    <circle cx="-20" cy="5" r="2" fill="#333" />

    <!-- Neck -->
    <path d="M -15 22 Q -10 25 0 30" fill="none" stroke="#333" stroke-width="2" />

    <!-- Wings -->
    <path d="M 0 20 Q 20 10 30 25 Q 20 40 0 30" fill="#f5f5dc" stroke="#333" stroke-width="2" />

    <!-- Legs (riding the bike) -->
    <line x1="-10" y1="50" x2="-10" y2="70" stroke="#333" stroke-width="3" />
    <line x1="10" y1="50" x2="10" y2="70" stroke="#333" stroke-width="3" />

    <!-- Feet on pedals -->
    <ellipse cx="-10" cy="70" rx="6" ry="3" fill="#ffa500" stroke="#333" stroke-width="1" />
    <ellipse cx="10" cy="70" rx="6" ry="3" fill="#ffa500" stroke="#333" stroke-width="1" />
  </g>

  <!-- Optional: Clouds -->
  <circle cx="50" cy="50" r="20" fill="white" />
  <circle cx="70" cy="40" r="25" fill="white" />
  <circle cx="90" cy="50" r="20" fill="white" />
</svg>

Features:

  • A pelican with a large beak, sitting on a bicycle
  • The bicycle has wheels, frame, pedals, and handlebars
  • The pelican's feet are on the pedals (riding the bike)
  • Optional sky background with clouds

How to Use:

  1. Copy the code into a text file and save it as pelican_bike.svg.
  2. Open it in a browser or SVG-compatible editor.
  3. You can adjust colors, sizes, or positions as needed.

Would you like any modifications (e.g., a different pose, more details, or a simpler version)? 😊

2025-12-02T16:25:31 conversation: 01kbfy4j856vpm9pvvpzxpm4w6 id: 01kbfy4a18z8b2dxv8zztfrvwz

Model: mistral/ministral-14b-2512

Prompt

Generate an SVG of a pelican riding a bicycle

Response

Here's an SVG code for a whimsical pelican riding a bicycle. The design is playful and stylized, with the pelican perched on a bike seat and pedaling with its wings:

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

  <!-- Road -->
  <rect x="50" y="200" width="300" height="20" fill="#333" />
  <path d="M50,200 L350,200" stroke="#fff" stroke-width="2" stroke-dasharray="5,5" />

  <!-- Pelican (simplified) -->
  <g transform="translate(150, 100)">
    <!-- Body -->
    <path d="M0,0 C20,-30 40,-20 60,0 C80,20 70,40 50,50 C30,60 10,50 0,40 C-10,30 -20,20 -20,0 Z"
          fill="#FFA500" stroke="#000" stroke-width="2" />

    <!-- Head -->
    <circle cx="50" cy="20" r="15" fill="#FFD700" stroke="#000" stroke-width="2" />

    <!-- Beak -->
    <path d="M50,20 L60,15 L55,10 L50,15 Z" fill="#FF4500" stroke="#000" stroke-width="1" />

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

    <!-- Legs -->
    <line x1="30" y1="40" x2="30" y2="60" stroke="#000" stroke-width="3" />
    <line x1="50" y1="40" x2="50" y2="60" stroke="#000" stroke-width="3" />

    <!-- Wings (as bicycle pedals) -->
    <g transform="rotate(-15, 50, 40)">
      <path d="M50,40 L70,20 L90,40 L70,60 Z" fill="#FFA500" stroke="#000" stroke-width="2" />
    </g>
    <g transform="rotate(15, 50, 40)">
      <path d="M50,40 L30,20 L10,40 L30,60 Z" fill="#FFA500" stroke="#000" stroke-width="2" />
    </g>
  </g>

  <!-- Bicycle -->
  <g transform="translate(150, 150)">
    <!-- Frame -->
    <rect x="20" y="0" width="60" height="30" rx="5" fill="#333" stroke="#000" stroke-width="2" />

    <!-- Wheels -->
    <circle cx="30" cy="30" r="12" fill="#555" stroke="#000" stroke-width="2" />
    <circle cx="70" cy="30" r="12" fill="#555" stroke="#000" stroke-width="2" />

    <!-- Pedals -->
    <rect x="15" y="15" width="5" height="15" fill="#8B4513" stroke="#000" stroke-width="1" />
    <rect x="65" y="15" width="5" height="15" fill="#8B4513" stroke="#000" stroke-width="1" />

    <!-- Seat -->
    <rect x="40" y="-10" width="20" height="5" fill="#8B4513" stroke="#000" stroke-width="1" />
  </g>

  <!-- Pelican's feet on pedals -->
  <circle cx="30" cy="35" r="4" fill="#FFA500" />
  <circle cx="70" cy="35" r="4" fill="#FFA500" />

  <!-- Bike handlebars -->
  <path d="M30,10 L50,5 L70,10" stroke="#000" stroke-width="2" fill="none" />
  <circle cx="50" cy="5" r="3" fill="#000" />
</svg>

Features:

  1. Pelican:

    • Orange body with a yellow head
    • Beak and eye details
    • Wings transformed into bicycle pedals
    • Feet on the bike pedals
  2. Bicycle:

    • Simple frame with wheels
    • Pedals and seat
    • Handlebars with a grip
  3. Background:

    • Light blue sky with a road

You can copy this SVG code into an HTML file or SVG viewer to see the animation. For a more dynamic version, you could add JavaScript to animate the pedaling motion. Would you like any modifications (e.g., colors, style)?

2025-12-02T16:25:41 conversation: 01kbfy4t0m9e02jj050t0d8cr2 id: 01kbfy4k0k5jcv907hmbbmqbgk

Model: mistral/ministral-8b-2512

Prompt

Generate an SVG of a pelican riding a bicycle

Response

Here's an SVG code for a whimsical pelican riding a bicycle. This is a simplified, cartoon-style illustration:

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

  <!-- Bike Frame -->
  <path d="M100,150 Q150,100 200,150 Q250,200 200,250 Q150,200 100,150" fill="#8B4513" stroke="#5D2906" stroke-width="2" />

  <!-- Bike Wheel (Front) -->
  <circle cx="150" cy="180" r="20" fill="#5D4037" stroke="#33261E" stroke-width="2" />
  <circle cx="150" cy="180" r="15" fill="white" />

  <!-- Bike Wheel (Back) -->
  <circle cx="250" cy="180" r="20" fill="#5D4037" stroke="#33261E" stroke-width="2" />
  <circle cx="250" cy="180" r="15" fill="white" />

  <!-- Bike Seat -->
  <rect x="180" y="150" width="40" height="20" fill="#8B4513" stroke="#5D2906" stroke-width="2" />

  <!-- Bike Pedals -->
  <rect x="140" y="200" width="20" height="10" fill="#5D4037" stroke="#33261E" stroke-width="1" />
  <rect x="260" y="200" width="20" height="10" fill="#5D4037" stroke="#33261E" stroke-width="1" />

  <!-- Bike Chain -->
  <path d="M160,180 Q170,190 180,180 Q190,170 200,180 Q210,190 220,180" stroke="#5D4037" stroke-width="3" fill="none" stroke-linecap="round" />

  <!-- Pelican Body -->
  <ellipse cx="180" cy="120" rx="60" ry="40" fill="#FFD700" stroke="#FFC700" stroke-width="2" />

  <!-- Pelican Head -->
  <ellipse cx="140" cy="100" rx="30" ry="25" fill="#FFD700" stroke="#FFC700" stroke-width="2" />
  <path d="M140,95 Q145,85 155,95" fill="#FFD700" stroke="#FFC700" stroke-width="1" />

  <!-- Pelican Beak -->
  <path d="M155,95 L165,90 L180,100 Z" fill="#FF8C00" stroke="#FF7A00" stroke-width="1" />

  <!-- Pelican Eye -->
  <circle cx="145" cy="95" r="3" fill="#000000" />

  <!-- Pelican Wings -->
  <path d="M180,100 Q200,80 220,100" stroke="#FFD700" stroke-width="4" fill="none" stroke-linecap="round" />
  <path d="M180,100 Q200,120 220,100" stroke="#FFD700" stroke-width="4" fill="none" stroke-linecap="round" />

  <!-- Pelican Legs -->
  <rect x="160" y="160" width="10" height="30" fill="#FFD700" stroke="#FFC700" stroke-width="1" />
  <rect x="190" y="160" width="10" height="30" fill="#FFD700" stroke="#FFC700" stroke-width="1" />

  <!-- Pelican Feet -->
  <circle cx="165" cy="190" r="5" fill="#FFD700" stroke="#FFC700" stroke-width="1" />
  <circle cx="195" cy="190" r="5" fill="#FFD700" stroke="#FFC700" stroke-width="1" />

  <!-- Bike Handlebar -->
  <path d="M150,140 Q170,120 200,140" stroke="#5D4037" stroke-width="5" fill="none" stroke-linecap="round" />
  <circle cx="170" cy="120" r="10" fill="#5D4037" stroke="#33261E" stroke-width="1" />

  <!-- Bike Bell -->
  <circle cx="160" cy="130" r="5" fill="#FFD700" stroke="#FFC700" stroke-width="1" />
</svg>

Features:

  • A yellow pelican (like a cartoon character) riding a brown bicycle.
  • The pelican has a beak, wings, legs, and feet.
  • The bike has a frame, wheels, seat, pedals, and chain.
  • The design is simple and stylized for easy viewing.

You can copy this code into an SVG editor or save it as an .svg file to view it in a browser. Adjust colors, sizes, or details as needed!

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