Let me just start with saying that you should probably just learn Illustrator or any other program capable of creating vector images for creating SVG’s. Writing them is a lot harder. But it is fun when you get the hang of it.

SVG Files are like XML or HTML files. They consist of tags and attributes. And like with HTML you need to specify the Doctype. This isn’t DOCTYPE html or DOCTYPE svg, unfortunately.

When that is settled, you need to write up you size and viewbox. The viewbox are the coordinates that your SVG file will work from. The size is simply how big it…