HTML <svg> Tag

Example

Draw a circle:

<svg width=”100″ height=”100″>
<circle cx=”50″ cy=”50″ r=”40″ stroke=”green” stroke-width=”4″ fill=”yellow” />
</svg>

Try it Yourself »

More “Try it Yourself” examples below.


Definition and Usage

The <svg> tag defines a container for SVG graphics.

SVG has several methods for drawing paths, boxes, circles, text, and graphic images.

To learn more about SVG, please read our SVG Tutorial.


Browser Support

Element
<svg> 4.0 9.0 3.0 3.2 10.1