SVG Glossary

This is a reference of examples for the shapes you can draw with SVG.

Circle

<circle cx=3 cy=2 r=0.5></circle>

Line

<line x1=-1 y1=2 x2=4 y2=4></line>

Colored Circle

<circle cx=3 cy=2 r=0.5 fill=red stroke=black></circle>

Colored Line

<line x1=-1 y1=2 x2=4 y2=4 stroke=green></line>

Rectangle

<rect x=-2 y=2 width=5 height=3></rect>

Colored Rectangle

<rect x=-2 y=2 width=5 height=3 stroke=orange fill=none></rect>

Triangle

<polygon points="0,1 4,4 4,-3"></polygon>

Colored Triangle

<polygon points="0,1 4,4 4,-3" fill="blue"></polygon>