Skip to content

Instantly share code, notes, and snippets.

@simonw
Created September 6, 2025 16:21
Show Gist options
  • Select an option

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

Select an option

Save simonw/80f9fc8f888edc43e1f2a5170c95de3d to your computer and use it in GitHub Desktop.
<svg viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
  <!-- Bicycle -->
  <!-- Rear wheel -->
  <circle cx="200" cy="420" r="70" fill="none" stroke="#333" stroke-width="8"/>
  <circle cx="200" cy="420" r="8" fill="#333"/>
  <!-- Front wheel -->
  <circle cx="500" cy="420" r="70" fill="none" stroke="#333" stroke-width="8"/>
  <circle cx="500" cy="420" r="8" fill="#333"/>
  
  <!-- Frame -->
  <path d="M200 420 L280 350 L380 350 L500 420" fill="none" stroke="#d32f2f" stroke-width="6"/>
  <path d="M280 350 L320 420 L380 350" fill="none" stroke="#d32f2f" stroke-width="6"/>
  <path d="M320 420 L200 420" fill="none" stroke="#d32f2f" stroke-width="6"/>
  
  <!-- Handlebars -->
  <line x1="380" y1="350" x2="420" y2="300" stroke="#333" stroke-width="6"/>
  <line x1="400" y1="290" x2="440" y2="310" stroke="#333" stroke-width="6"/>
  
  <!-- Seat -->
  <ellipse cx="280" cy="345" rx="40" ry="8" fill="#795548"/>
  <line x1="280" y1="345" x2="280" y2="320" stroke="#795548" stroke-width="6"/>
  
  <!-- Pedals -->
  <circle cx="320" cy="420" r="20" fill="none" stroke="#333" stroke-width="4"/>
  <rect x="310" y="410" width="20" height="20" rx="4" fill="#666"/>
  <rect x="300" y="415" width="30" height="10" rx="2" fill="#666"/>
  
  <!-- Chain -->
  <ellipse cx="320" cy="420" rx="60" ry="10" fill="none" stroke="#555" stroke-width="2"/>
  
  <!-- Pelican -->
  <!-- Body -->
  <ellipse cx="280" cy="280" rx="60" ry="80" fill="#fff" stroke="#333" stroke-width="4"/>
  <!-- Neck -->
  <path d="M280 220 Q270 180 260 160" fill="none" stroke="#333" stroke-width="4"/>
  <!-- Head -->
  <ellipse cx="260" cy="140" rx="25" ry="30" fill="#fff" stroke="#333" stroke-width="4"/>
  <!-- Beak -->
  <path d="M245 140 Q210 145 200 170 Q210 175 235 160" fill="#ffab00" stroke="#333" stroke-width="3"/>
  <path d="M235 160 Q225 150 215 155" fill="#333"/>
  <!-- Eye -->
  <circle cx="250" cy="130" r="6" fill="#333"/>
  <circle cx="252" cy="128" r="2" fill="#fff"/>
  
  <!-- Wings -->
  <ellipse cx="230" cy="260" rx="40" ry="60" fill="#fff" stroke="#333" stroke-width="4" transform="rotate(-15 230 260)"/>
  <ellipse cx="330" cy="260" rx="40" ry="60" fill="#fff" stroke="#333" stroke-width="4" transform="rotate(15 330 260)"/>
  
  <!-- Tail -->
  <path d="M280 350 Q260 370 270 390 Q290 380 300 360" fill="#fff" stroke="#333" stroke-width="4"/>
  
  <!-- Legs on pedals -->
  <rect x="270" y="340" width="12" height="40" rx="6" fill="#ffab00" stroke="#333" stroke-width="2"/>
  <rect x="290" y="340" width="12" height="40" rx="6" fill="#ffab00" stroke="#333" stroke-width="2"/>
  <rect x="315" y="410" width="12" height="20" rx="6" fill="#ffab00" stroke="#333" stroke-width="2"/>
  <rect x="335" y="410" width="12" height="20" rx="6" fill="#ffab00" stroke="#333" stroke-width="2"/>
  
  <!-- Feet -->
  <path d="M270 380 Q265 390 270 395 Q275 390 280 385" fill="#ffab00" stroke="#333" stroke-width="2"/>
  <path d="M290 380 Q295 390 290 395 Q285 390 280 385" fill="#ffab00" stroke="#333" stroke-width="2"/>
</svg>
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment