Skip to content

Instantly share code, notes, and snippets.

@simonw
Created June 21, 2025 00:23
Show Gist options
  • Select an option

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

Select an option

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

2025-06-21T00:16:54 conversation: 01jy7xj9gwzqccdh3ghymtzde0 id: 01jy7xgtd0j22dvnzmc7nz0q90

Model: hf.co/gabriellarson/Mistral-Small-3.2-24B-Instruct-2506-GGUF:Q4_K_M

Prompt

Generate an SVG of a pelican riding a bicycle

Response

Here's an SVG code for a whimsical illustration of a pelican riding 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="#87CEEB"/>

  <!-- Road -->
  <path d="M50,300 L550,300 Q300,250 300,250" stroke="#A9A9A9" stroke-width="40" fill="none"/>
  <path d="M100,300 L500,300" stroke="#D3D3D3" stroke-width="16" fill="none"/>

  <!-- Bicycle -->
  <circle cx="280" cy="240" r="20" fill="#FFA500"/>
  <rect x="270" y="190" width="20" height="50" rx="5" fill="#2E86C1"/>

  <!-- Wheels -->
  <circle cx="240" cy="320" r="20" fill="#000"/>
  <circle cx="320" cy="320" r="20" fill="#000"/>
  <circle cx="240" cy="320" r="15" fill="#FFF"/>
  <circle cx="320" cy="320" r="15" fill="#FFF"/>

  <!-- Pelican -->
  <path d="M270,180 Q260,150 240,160 L220,190 Q210,200 230,210 Q250,220 270,200" stroke="#FFD700" stroke-width="8" fill="none"/>

  <!-- Head -->
  <circle cx="260" cy="140" r="20" fill="#FFFACD"/>
  <path d="M250,130 Q260,120 270,130 L280,150" stroke="#FF8C00" stroke-width="3" fill="none"/>

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

  <!-- Beak -->
  <path d="M270,140 L290,150 Q300,140 310,150" stroke="#FFA07A" stroke-width="8" fill="none"/>

  <!-- Body -->
  <ellipse cx="260" cy="180" rx="40" ry="25" fill="#FFFACD"/>

  <!-- Wing (left) -->
  <path d="M220,170 Q180,150 200,130 L240,160" stroke="#FFE4B5" stroke-width="10" fill="none"/>

  <!-- Wing (right) -->
  <path d="M290,170 Q330,150 310,130 L280,160" stroke="#FFE4B5" stroke-width="10" fill="none"/>

  <!-- Basket with fish -->
  <rect x="250" y="190" width="25" height="15" rx="5" fill="#FFA500"/>
  <circle cx="260" cy="200" r="3" fill="#FF4500"/> <!-- Fish -->
</svg>

This SVG features:

  • A pelican with a yellow body, orange beak, and happy expression
  • A bicycle with two large wheels and a basket containing a single fish
  • A simple road and sky background

You can copy this code into an SVG file or use it directly in HTML. The image is approximately 600x400 pixels but will scale to any size while maintaining proportions.

Would you like me to modify any aspect of the design, such as colors, position, or details?

Token usage

13 input, 979 output

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