SVG Tutorial

About SVG

SVG stands for Scalable Vector Graphics. SVG is used to vector based graphics in XML format. It is an W3C recommendation and it integrates with other W3C standards such as the DOM and XSL.

In an Example below let’s create a simple svg graphic, and can also edit the svg on our Free Online Code Editor and click on a button to see the result.

Example

<!DOCTYPE html>
<html>
<head>
 <title>SVG Tutorial</title>
</head>
<body>
<h2>My first SVG</h2>
<svg width="100" height="100">
   <circle cx="50" cy="50" r="40" stroke="red" stroke-width="4" fill="lightgreen" />
</svg> 
</body>
</html>

Copy the Code and Run it Here

Learn more about SVG Circle from here.

Next

Related Posts

SVG Rectangle

Dotted Line SVG

SVG Triangle

SVG Tutorial – crus4