Scalable Vector Graphics.
xmlns attribute is only necessary in SVG files; it is not required in HTML files. Other cruft like the
version attributes are deprecated.
To cut a hole in a path, draw the inner shape in the opposite direction to the outer shape.1
<svg width="100" height="100" viewBox="0 0 100 100" style="fill: purple;"> <!-- Define two lines in one path. The first traces the shape of a square in a clockwise direction. The second traces the shape of a triangle inside the square in an anticlockwise direction. --> <path d="M 0 0 h100 v100 h-100 Z M 10 10 v80 h80 Z" /> </svg>