<svg>

The <svg> element represents the root of a Scalable Vector Graphics (SVG) fragment.

HTML Reference

The HTML5 specification references the <svg> element in 4.8.15 SVG.

Examples

[try it]

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40"
      fill="red" stroke="blue" stroke-width="5" />
</svg>

HTML Attributes

see SVG 1.1 - 5.1.2 The ‘svg’ element.

SVG, a language for describing graphics in XML

Scalable Vector Graphics (SVG) is a modularized language for describing two-dimensional vector and mixed vector/raster graphics in XML. Only a correct HTML5 parser, using the syntax defined in 8 The HTML syntax, will be able to properly interpret SVG elements when using text/html. When using application/xhtml+xml, one must use proper namespaces to ensure that SVG elements are interpreted correctly.

See also

• List of SVG Elements
• Scalable Vector Graphics (SVG) 1.1
• A comparison of canvas and SVG