Skip to content

Instantly share code, notes, and snippets.

@simonw

simonw/low.md Secret

Created August 5, 2025 17:57
Show Gist options
  • Select an option

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

Select an option

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

<|channel|>analysis<|message|>Need to output SVG code. Provide simple illustration. Use basic shapes.<|end|>

<|start|>assistant<|channel|>final<|message|>

Below is a minimal yet complete SVG that draws a stylised pelican sitting on the seat of a bicycle.
Save the code into a file named pelican_bicycle.svg and open it with any browser or image viewer that supports SVG.

<?xml version="1.0" encoding="UTF-8"?>
<svg width="600" height="400"
     viewBox="0 0 600 400"
     xmlns="http://www.w3.org/2000/svg">

  <!-- ---------- Bicycle ---------- -->
  <!-- Frame -->
  <path d="
      M150,250          <!-- rear wheel center -->
      L300,120          <!-- top tube to front -->
      L450,250          <!-- chain stays back to front -->
      L300,350          <!-- seat stays down -->
      Z"
        fill="#e0e0e0" stroke="#555" stroke-width="4"/>

  <!-- Wheels -->
  <circle cx="150" cy="250" r="50" fill="none" stroke="#333" stroke-width="8"/>
  <circle cx="450" cy="250" r="50" fill="none" stroke="#333" stroke-width="8"/>

  <!-- Seat -->
  <rect x="280" y="200" width="40" height="10" rx="5" ry="5"
        fill="#a0522d" transform="rotate(-20,300,205)"/>

  <!-- Handlebars -->
  <line x1="460" y1="250" x2="520" y2="200" stroke="#333" stroke-width="6"/>
  <circle cx="520" cy="200" r="8" fill="#777"/>

  <!-- Pedals -->
  <g transform="translate(300,260)">
    <line x1="-20" y1="0" x2="20" y2="0" stroke="#333" stroke-width="4"/>
    <circle cx="0" cy="0" r="6" fill="#555"/>
  </g>

  <!-- ---------- Pelican ---------- -->
  <!-- Body -->
  <ellipse cx="300" cy="180" rx="40" ry="55" fill="#ffd700"/>

  <!-- Head -->
  <circle cx="300" cy="110" r="25" fill="#ffd700"/>

  <!-- Beak -->
  <polygon points="
      310,120
      350,115
      310,130"
      fill="#ffb347"/>

  <!-- Eye -->
  <circle cx="290" cy="105" r="5" fill="#000"/>

  <!-- Wings -->
  <path d="
      M260,180
      Q240,140 300,160
      Q360,140 340,180"
      fill="none" stroke="#ffb347" stroke-width="4" stroke-linecap="round"/>

  <!-- Tail -->
  <polygon points="
      250,230
      260,210
      270,230"
      fill="#ffd700"/>

  <!-- Legs (sitting on seat) -->
  <line x1="290" y1="235" x2="280" y2="260" stroke="#333" stroke-width="4"/>
  <line x1="310" y1="235" x2="320" y2="260" stroke="#333" stroke-width="4"/>

  <!-- Feet -->
  <circle cx="280" cy="260" r="5" fill="#333"/>
  <circle cx="320" cy="260" r="5" fill="#333"/>

</svg>

How it works

  • Bicycle – Frame is a closed path; wheels are circles.
  • Pelican – Constructed from simple shapes (ellipses, circles, polygons) to keep the file small while still recognizable.
  • The pelican’s body sits on the seat and its legs extend down to the ground, giving the impression that it is riding.

Feel free to tweak colors, sizes or add more details if you’d like a richer illustration!

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