Home :: Tutorials :: SVG :: Miscellaneous

The use element allows you to define a shape once and then use it many times within your SVG document. The samples below show this element in action.

<defs>
    <rect id="rect" width="15" height="15" style="fill:red"/>
</defs>
<use x="5" y="5" xlink:href="#rect"/>
<use x="30" y="30" xlink:href="#rect"/>