Skip to content

Instantly share code, notes, and snippets.

@simonw
Created February 5, 2026 20:20
Show Gist options
  • Select an option

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

Select an option

Save simonw/bfc4a83f588ac762c773679c0d1e034b to your computer and use it in GitHub Desktop.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 450" width="900" height="450"
  role="img" aria-labelledby="title desc">
    <title id="title">Pelican riding a bicycle</title>
    <desc id="desc">A stylized pelican pedaling a bicycle on a sunny day.</desc>

    <rect width="900" height="450" fill="#dff2ff"/>
    <circle cx="760" cy="90" r="42" fill="#ffe28a"/>
    <rect y="330" width="900" height="120" fill="#d9efc5"/>

    <g stroke="#2d3340" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"
  fill="none">
      <!-- Wheels -->
      <circle cx="250" cy="320" r="90"/>
      <circle cx="550" cy="320" r="90"/>

      <!-- Spokes -->
      <line x1="250" y1="320" x2="250" y2="230"/>
      <line x1="250" y1="320" x2="340" y2="320"/>
      <line x1="250" y1="320" x2="250" y2="410"/>
      <line x1="250" y1="320" x2="160" y2="320"/>

      <line x1="550" y1="320" x2="550" y2="230"/>
      <line x1="550" y1="320" x2="640" y2="320"/>
      <line x1="550" y1="320" x2="550" y2="410"/>
      <line x1="550" y1="320" x2="460" y2="320"/>

      <!-- Frame -->
      <line x1="250" y1="320" x2="350" y2="220"/>
      <line x1="350" y1="220" x2="500" y2="220"/>
      <line x1="500" y1="220" x2="470" y2="285"/>
      <line x1="470" y1="285" x2="380" y2="300"/>
      <line x1="380" y1="300" x2="250" y2="320"/>
      <line x1="350" y1="220" x2="380" y2="300"/>
      <line x1="470" y1="285" x2="550" y2="320"/>

      <!-- Seat + bars -->
      <line x1="350" y1="220" x2="350" y2="205"/>
      <line x1="320" y1="205" x2="362" y2="205" stroke-width="8"/>

      <line x1="500" y1="220" x2="535" y2="192"/>
      <line x1="535" y1="192" x2="555" y2="200"/>
      <line x1="535" y1="192" x2="542" y2="175"/>

      <!-- Drivetrain -->
      <circle cx="380" cy="300" r="20"/>
      <line x1="380" y1="300" x2="410" y2="325"/>
      <line x1="380" y1="300" x2="350" y2="275"/>
      <line x1="401" y1="330" x2="419" y2="320"/>
      <line x1="340" y1="280" x2="360" y2="270"/>
      <path d="M250 320 Q315 335 380 300 Q315 305 250 320" stroke="#616b77" stroke-width="3"/>
    </g>

    <g stroke="#3e434b" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
      <!-- Pelican body -->
      <ellipse cx="390" cy="182" rx="95" ry="60" fill="#f5f3ef"/>
      <path d="M340 176 C352 138 420 140 445 178 C427 210 368 220 340 188 Z" fill="#d9d6cf"/>
      <path d="M300 182 L260 168 L285 198 Z" fill="#ece9e2"/>

      <!-- Neck + head -->
      <path d="M446 170 C468 150 484 131 500 112 C510 100 528 98 538 108 C546 117 543 133
  531 146 C515 164 486 179 454 186 Z" fill="#f5f3ef"/>
      <circle cx="538" cy="109" r="28" fill="#f5f3ef"/>

      <!-- Beak -->
      <path d="M560 112 L670 98 L668 117 L560 128 Z" fill="#f0a548"/>
      <path d="M560 128 C596 159 640 162 676 141 L674 126 C639 141 598 136 562 116 Z"
  fill="#f2bf7f"/>

      <!-- Eye -->
      <circle cx="548" cy="103" r="4" fill="#1f2024" stroke="none"/>
      <circle cx="547" cy="102" r="1.6" fill="#ffffff" stroke="none"/>

      <!-- Wing holding handlebar -->
      <path d="M443 192 Q495 186 534 194" fill="none" stroke="#d0ccc5" stroke-width="10"/>

      <!-- Legs pedaling -->
      <path d="M372 236 L350 274" fill="none" stroke="#e59a49" stroke-width="8"/>
      <path d="M420 236 L410 325" fill="none" stroke="#e59a49" stroke-width="8"/>
      <ellipse cx="350" cy="275" rx="8" ry="4" fill="#e59a49" stroke="none"/>
      <ellipse cx="410" cy="325" rx="8" ry="4" fill="#e59a49" stroke="none"/>
    </g>
  </svg>
@simonw
Copy link
Author

simonw commented Feb 5, 2026

image

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