The svg element HTML5

The <svg> element allows the author to build a vector-based image directly in
the page using the SVG markup language.

<svg xmlns:xlink=”http://www.w3.org/1999/xlink”
xmlns=”http://www.w3.org/2000/svg”
viewBox=”0 0 200 100”
width=”200px” height=”100px”>
<circle cx=”50” cy=”50” r=”30”
style=”stroke:#0000ff; stroke-width: 5px;
fill:#ff0000;”/>
<rect x = ”100”
y = ”0”
height = ”50”
width = ”50”
stroke-width = ”2px”
stroke = ”#ffff00”
fill = ”#00ff00” />
</svg>