<svg> tag in HTML5

← Previous Next →

The <svg> tag defines a container for SVG graphics, it is also use an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work within Adobe Illustrator, you can use SVG on the web pretty easily.

Important Description

• The <svg> tag is new in HTML5.
• It stands for Scalable Vector Graphics.
• The <svg> is used to define graphics for the Web.
• The <svg> is a W3C recommendation.

Example of <svg> tag

<svg width="100" height="100"> <circle cx="50" cy="50" r="40" stroke="pink" stroke-width="4" fill="black" /> </svg>

Result Look Like

<svg> Tag Browser Support

Global Attributes

• The <svg> tag supports all the Global Attributes in HTML.

Event Attributes

• The <svg> tag supports all the Event Attributes in HTML.

← Previous Next →