use
This element takes nodes from within the SVG document and duplicates them somewhere else. It has the following attributes:
| Attribute | Description |
|---|---|
x
|
The x-axis coordinate of the rectangular region into which the referenced element is rendered. Default is 0. |
y
|
The y-axis coordinate of the rectangular region into which the referenced element is rendered. Default is 0. |
width
|
The width of the rectangular region into which the referenced element is rendered. Must be 0 or greater; if 0, the element will not be rendered. |
height
|
The height of the rectangular region into which the referenced element is rendered. Must be 0 or greater; if 0, the element will not be rendered. |
xlink:href
|
An IRI reference to another element in the SVG file. |
Example:
Copy
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="300" height="300" viewBox="0 0 100 30">
<defs>
<symbol id="MySymbol" viewBox="0 0 20 20">
<rect x="1" y="1" width="8" height="8" />
<rect x="11" y="1" width="8" height="8" />
<rect x="1" y="11" width="8" height="8" />
<rect x="11" y="11" width="8" height="8" />
</symbol>
</defs>
<use x="45" y="10" width="10" height="10" xlink:href="#MySymbol" />
</svg>