Including an SVG into HTML

It's this easy...

Note: Inkscape produces height and width elements. We delete those because we want the size to vary according to browser width and height.

SVG is actually an XML format; in effect we are including another form of XML within our HTML5. This is declared by the xmlns attribute to the svg element.

This Inkscape-generated SVG produces a few HTML5 validator errors.

viewBox starts with x and y positioning. I've used 60 for y to bring the image up a little because the original SVG had space at the top. The other two elements are the size of the image, but with height and width deleted, that's only used to maintain the relative dimensions.