SVG elements cheat sheet
Element tag | Shape | Required attributes |
---|---|---|
rect |
rectangle | x , y , height , width |
circle |
circle | cx , cy , r |
text |
text | x , y , some text inside the tag |
path |
shapes/lines | d |
g |
a group of elements | none, but generally something like transform="translate(100,100)" |
image |
image | x , y , xlink:href , height , width |
line |
line | x1 , y1 , x2 , y2 |
For more information, you should definitely check out Mozilla’s reference.