88

SVG symbol Element

The SVG <symbol> element defines the reusable symbols. The shapes which are nested inside a <symbol> are not displayed on the screen unless referenced by a <use> element.

Example

Test it Now

Explanation

• The id attribute of <symbol> defines a unique name of symbol.
• The id attribute is needed by the <symbol> element so it can be referenced later by a <use> element.