HTML SVG
SVG stands for Scalable Vector Graphics. Scalable Vector Graphics (SVG) are an XML-based markup language for describing two-dimensional based vector graphics. ... SVG is, essentially, to graphics what HTML is to text. SVG images and their related behaviors are defined in XML text files, which means they can be searched, indexed, scripted, and compressed.
SVG Circle
<svg widht = "100" height = "100">
< circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="red" />
</svg>
SVG rectangle
<svg widht = "300" height = "100">
< rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:5;stroke:rgb(0,0,0)" />
</svg>
SVG Rounded Rectangle
<svg widht = "400" height = "180">
<rect x="50" r="20" rx="20" ry="20" width="150" height="150" style="fill:green;stroke:black;stroke-width:5;opacity:0.6" />
</svg>
SVG Star
<svg widht = "300" height = "200">
< polygon points="100,10 40,198 190,78 10,78 160,198" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>