Skip to content

Instantly share code, notes, and snippets.

@devdays

devdays/svg-shapes.svg

Created November 30, 2014 23:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save devdays/d24475e1a69986a3d41c to your computer and use it in GitHub Desktop.
Save devdays/d24475e1a69986a3d41c to your computer and use it in GitHub Desktop.
Download ZIP
SVG Shapes
Display the source blob
Display the rendered blob
Raw
svg-shapes.svg
<svg id="shapes" height="200">
<rect id="tealrect" x="50" y="35" width="300" height="100" fill="teal" />
<line x1="0" y1="0" x2="200" y2="100"
style="stroke:blue;stroke-width:2"/>
<ellipse cx="100" cy="50" rx="100" ry="50" fill="green" />
<circle id="yellowcirc" cx="250" cy="50" r="50" fill="yellow" />
<polyline points="0,0 0,20 20,20 20,40 40,40 40,60" fill="red" />
<polygon points="20,10 300,20, 170,50" fill="red" />
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment