HTML <svg> Tag

The SVG element is used to establish a container for SVG graphics.

Paths, boxes, circles, text, and graphic images may all be drawn using SVG's many ways.

Syntax

<svg width="___" height="___">contents here...</svg>

Example

<!DOCTYPE html>
<html>
<body>

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="red" stroke-width="3" fill="green" />
  Sorry, your browser does not support inline SVG.
</svg>

</body>
</html>

Preview

Supported Browsers

Element	Chrome	Firefox	Safari	Edge / IE	Opera
<svg>	4.0	3.0	3.2	9.0	10.1

<sup>

<table>

HTML <svg> Tag

Syntax

Example

Supported Browsers

Links

Tutorials

Connect with us