Skip to content

Instantly share code, notes, and snippets.

@jnorthrup
Last active March 6, 2026 17:14
Show Gist options
  • Select an option

  • Save jnorthrup/9ec7a324a43b8176fa3d0b4cf380780c to your computer and use it in GitHub Desktop.

Select an option

Save jnorthrup/9ec7a324a43b8176fa3d0b4cf380780c to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 220" width="400" height="440">
<!-- left handlebar + fork -->
<path
id="left-fork"
d="M 12 72 C 45 68 60 80 66 105 L 66 208"
fill="none"
stroke="#1a1a1a"
stroke-width="9"
stroke-linecap="round"
/>
<!-- right handlebar + fork (mirrored) -->
<use href="#left-fork" transform="translate(200,0) scale(-1,1)"/>
<!-- triple gauges (behind headlight) -->
<!-- <circle cx="81" cy="76" r="9" fill="white" stroke="#1a1a1a" stroke-width="3.5"/>
<circle cx="100" cy="76" r="9" fill="white" stroke="#1a1a1a" stroke-width="3.5"/>
<circle cx="119" cy="76" r="9" fill="white" stroke="#1a1a1a" stroke-width="3.5"/> -->
<!-- headlight -->
<circle cx="100" cy="99" r="27" fill="white" stroke="#1a1a1a" stroke-width="3.5"/>
<!-- crossbar -->
<line x1="66" y1="130" x2="134" y2="130" stroke="#1a1a1a" stroke-width="3.5" stroke-linecap="round"/>
<!-- tire (parallel arcs) -->
<path d="M 66 208 A 34 44 0 0 1 134 208" fill="none" stroke="#1a1a1a" stroke-width="9" stroke-linecap="round"/>
<path d="M 66 208 A 34 28 0 0 1 134 208" fill="none" stroke="#1a1a1a" stroke-width="3.5" stroke-linecap="round"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment