HTML SVG

HTML SVG defines vector-based graphics in XML format.

What is SVG?

SVG stands for Scalable Vector Graphics
SVG is used to define graphics for the Web
SVG is a W3C recommendation

Syntax:-

<svg width="...." height="....">  
 <circle cx="..." cy="...." r="...." stroke="yellow" stroke-width="...." fill="color" />  
</svg>  

Example:-

<!DOCTYPE html>
<html>
<body>

<svg width="200" height="200">
  <circle cx="50" cy="50" r="40"
  stroke="red" stroke-width="4" fill="pink" />
 
</svg>
 
</body>
</html>

Test it Now

Next TopicHTML Drag and Drop

← prev next →

HTML Tutorials

HTML Tags

HTML5 Tutorial

HTML SVG

What is SVG?