Home » SVG symbol Element

SVG symbol Element

by Online Tutorials Library

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.

Next TopicSVG Pattern

You may also like