Skip to content

Instantly share code, notes, and snippets.

@simonw

simonw/pelicans.md Secret

Created March 3, 2026 21:53
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save simonw/99fb28dc11d0c24137d4ff8a33978a9e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save simonw/99fb28dc11d0c24137d4ff8a33978a9e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
pelicans.md

2026-03-03T21:26:40 conversation: 01kjtsh6r8vvbtw1r2n104mk5q id: 01kjtsh45h9d09k5wsqgyvcvtq

Model: gemini/gemini-3.1-flash-lite-preview (resolved: gemini-3.1-flash-lite-preview) - thinking level: minimal

Prompt

Generate an SVG of a pelican riding a bicycle

Response

Here is an SVG of a pelican riding a bicycle. You can save this code as an .svg file or paste it into any web browser to view it.

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <!-- Bicycle Wheels -->
  <circle cx="60" cy="160" r="20" fill="none" stroke="#333" stroke-width="4"/>
  <circle cx="140" cy="160" r="20" fill="none" stroke="#333" stroke-width="4"/>
  
  <!-- Bicycle Frame -->
  <line x1="60" y1="160" x2="100" y2="130" stroke="#333" stroke-width="4"/>
  <line x1="140" y1="160" x2="100" y2="130" stroke="#333" stroke-width="4"/>
  <line x1="100" y1="130" x2="110" y2="100" stroke="#333" stroke-width="4"/>
  <line x1="110" y1="100" x2="125" y2="100" stroke="#333" stroke-width="4"/>

  <!-- Pelican Body -->
  <ellipse cx="100" cy="100" rx="20" ry="30" fill="#ddd" stroke="#000" stroke-width="2"/>
  
  <!-- Pelican Wing -->
  <path d="M 90 100 Q 70 80 90 80 Q 110 80 100 100" fill="#ccc" stroke="#000" stroke-width="1"/>

  <!-- Pelican Neck and Head -->
  <path d="M 110 80 Q 130 50 110 30 Q 90 30 90 60" fill="#ddd" stroke="#000" stroke-width="2"/>
  
  <!-- Pelican Beak -->
  <path d="M 90 50 L 60 40 L 90 70 Z" fill="#ffcc00" stroke="#000" stroke-width="2"/>
  
  <!-- Pelican Eye -->
  <circle cx="95" cy="45" r="2" fill="black"/>

  <!-- Pelican Legs (on pedals) -->
  <line x1="100" y1="120" x2="110" y2="140" stroke="#ddd" stroke-width="3"/>
  <line x1="110" y1="140" x2="120" y2="130" stroke="#ddd" stroke-width="3"/>
</svg>

How to use this:

  1. Copy the code block above.
  2. Create a new file on your computer named pelican.svg.
  3. Paste the code into that file and save it.
  4. Double-click the file to open it in your web browser (Chrome, Firefox, Edge, etc.).

Token usage

11 input, 774 output, {"candidatesTokenCount": 774, "promptTokensDetails": [{"modality": "TEXT", "tokenCount": 11}]}

2026-03-03T21:27:15 conversation: 01kjtsja3zwexbyg3nmq8fyrvs id: 01kjtsj6g1q6ba05f9qzb3t8xw

Model: gemini/gemini-3.1-flash-lite-preview (resolved: gemini-3.1-flash-lite-preview) - thinking level: low

Prompt

Generate an SVG of a pelican riding a bicycle

Response

Here is an SVG of a pelican riding a bicycle. You can save this code as an .svg file (e.g., pelican-bike.svg) and open it in any web browser.

<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <!-- Bicycle Frame -->
  <g stroke="#333" stroke-width="6" fill="none">
    <circle cx="120" cy="300" r="40" /> <!-- Back wheel -->
    <circle cx="280" cy="300" r="40" /> <!-- Front wheel -->
    <line x1="120" y1="300" x2="200" y2="240" /> <!-- Seat tube -->
    <line x1="200" y1="240" x2="280" y2="300" /> <!-- Down tube -->
    <line x1="200" y1="240" x2="200" y2="180" /> <!-- Handlebar stem -->
    <line x1="170" y1="180" x2="230" y2="180" /> <!-- Handlebars -->
  </g>

  <!-- Pelican Body -->
  <g fill="#A7C7E7">
    <!-- Body -->
    <ellipse cx="200" cy="220" rx="35" ry="45" />
    <!-- Wing -->
    <path d="M 230 220 Q 260 200 240 250 Z" />
    <!-- Legs -->
    <line x1="190" y1="260" x2="180" y2="300" stroke="#FF9933" stroke-width="8" />
    <line x1="210" y1="260" x2="220" y2="300" stroke="#FF9933" stroke-width="8" />
  </g>

  <!-- Pelican Head and Beak -->
  <g>
    <!-- Head -->
    <circle cx="200" cy="160" r="25" fill="#A7C7E7" />
    <!-- Eye -->
    <circle cx="210" cy="155" r="3" fill="#333" />
    <!-- Beak -->
    <path d="M 180 170 Q 140 180 140 200 Q 140 220 180 210 Z" fill="#FFCC33" stroke="#D3A000" stroke-width="2" />
    <!-- Pouch -->
    <path d="M 145 190 Q 150 220 180 210" fill="#FFCC33" stroke="#D3A000" stroke-width="2" />
  </g>

  <!-- Ground -->
  <line x1="50" y1="340" x2="350" y2="340" stroke="#888" stroke-width="2" />
</svg>

How to use this:

  1. Copy the code block above.
  2. Paste it into a text editor (like Notepad or TextEdit).
  3. Save the file with the extension .svg (for example: pelican_bike.svg).
  4. Drag and drop that file into your web browser to view the image.

Token usage

11 input, 1,008 output, {"candidatesTokenCount": 890, "promptTokensDetails": [{"modality": "TEXT", "tokenCount": 11}], "thoughtsTokenCount": 118}

2026-03-03T21:27:27 conversation: 01kjtsjpajd7she91ktzdmfhss id: 01kjtsjjbpdd86m0wpkwbsqh28

Model: gemini/gemini-3.1-flash-lite-preview (resolved: gemini-3.1-flash-lite-preview) - thinking level: medium

Prompt

Generate an SVG of a pelican riding a bicycle

Response

Here is a clean, minimalist SVG illustration of a pelican riding a bicycle. You can save this code as an .svg file (e.g., pelican.svg) and open it in any web browser or vector editor.

<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <!-- Bicycle Wheels -->
  <circle cx="120" cy="320" r="40" fill="none" stroke="#333" stroke-width="8"/>
  <circle cx="280" cy="320" r="40" fill="none" stroke="#333" stroke-width="8"/>
  
  <!-- Bicycle Frame -->
  <line x1="120" y1="320" x2="200" y2="240" stroke="#333" stroke-width="6"/>
  <line x1="280" y1="320" x2="200" y2="240" stroke="#333" stroke-width="6"/>
  <line x1="200" y1="240" x2="180" y2="180" stroke="#333" stroke-width="6"/>
  <line x1="180" y1="180" x2="220" y2="180" stroke="#333" stroke-width="6"/>
  
  <!-- Pelican Body -->
  <ellipse cx="200" cy="200" rx="40" ry="50" fill="#f0f0f0" stroke="#333" stroke-width="2"/>
  
  <!-- Pelican Head -->
  <circle cx="230" cy="160" r="25" fill="#f0f0f0" stroke="#333" stroke-width="2"/>
  
  <!-- Pelican Bill -->
  <path d="M 245 165 Q 290 170 280 200 Q 250 205 245 180 Z" fill="#ffcc00" stroke="#333" stroke-width="2"/>
  
  <!-- Eye -->
  <circle cx="235" cy="155" r="3" fill="#333"/>
  
  <!-- Legs (Pedaling) -->
  <line x1="200" y1="220" x2="180" y2="280" stroke="#ffcc00" stroke-width="4" stroke-linecap="round"/>
  <line x1="180" y1="280" x2="160" y2="280" stroke="#ffcc00" stroke-width="4" stroke-linecap="round"/>
</svg>

Features of this design:

  • Minimalist style: Uses basic geometric shapes (circles, lines, and paths) to keep the file lightweight.
  • Color palette: Uses white for the bird, yellow-orange for the iconic pelican beak and legs, and dark gray for the bike.
  • Scalable: Because it is an SVG, you can resize this to be as large or as small as you need without losing any quality.

Token usage

11 input, 1,165 output, {"candidatesTokenCount": 783, "promptTokensDetails": [{"modality": "TEXT", "tokenCount": 11}], "thoughtsTokenCount": 382}

2026-03-03T21:27:55 conversation: 01kjtskn24e4rxx3n0vnxknm5r id: 01kjtskd9j6fpvsgnschavktmr

Model: gemini/gemini-3.1-flash-lite-preview (resolved: gemini-3.1-flash-lite-preview) - thinking level: high

Prompt

Generate an SVG of a pelican riding a bicycle

Response

Here is the SVG code for a cartoon-style pelican riding a bicycle. You can save this code as an .svg file (e.g., pelican_bike.svg) and open it in any web browser.

<svg width="400" height="300" viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
  <!-- Ground -->
  <line x1="50" y1="260" x2="350" y2="260" stroke="#555" stroke-width="4" stroke-linecap="round"/>

  <!-- Bicycle -->
  <!-- Wheels -->
  <circle cx="120" cy="230" r="30" fill="none" stroke="#333" stroke-width="5"/>
  <circle cx="280" cy="230" r="30" fill="none" stroke="#333" stroke-width="5"/>
  <!-- Frame -->
  <path d="M 120 230 L 200 230 L 200 180 L 120 230 Z" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/>
  <path d="M 200 230 L 280 230 L 200 180" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/>
  <!-- Handlebars -->
  <path d="M 200 180 L 220 160" stroke="#333" stroke-width="4"/>

  <!-- Pelican -->
  <!-- Leg -->
  <line x1="200" y1="200" x2="190" y2="230" stroke="#FF9800" stroke-width="6"/>
  <!-- Body -->
  <ellipse cx="200" cy="170" rx="25" ry="35" fill="#E0E0E0" stroke="#333" stroke-width="2"/>
  <!-- Wing -->
  <path d="M 220 170 Q 250 160 220 190" fill="none" stroke="#333" stroke-width="3"/>
  <!-- Head -->
  <circle cx="220" cy="140" r="22" fill="#E0E0E0" stroke="#333" stroke-width="2"/>
  <!-- Eye -->
  <circle cx="230" cy="135" r="3" fill="black"/>
  <!-- Beak -->
  <path d="M 235 140 L 300 160 L 235 170 Z" fill="#FFC107" stroke="#333" stroke-width="2"/>
  
</svg>

How to use this:

  1. Copy the code block above.
  2. Create a new file on your computer named pelican.svg.
  3. Paste the code into that file and save it.
  4. Double-click the file to view the image in your web browser.

Token usage

11 input, 2,385 output, {"candidatesTokenCount": 780, "promptTokensDetails": [{"modality": "TEXT", "tokenCount": 11}], "thoughtsTokenCount": 1605}

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