Example 3. Relative moveto m and lineto l
If you use a lowercase command letter m, l, z, the
coordinates are interpreted as being relative to the current pen position. (Here z = Z.)
<svg width="200" height="100" viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <!-- rectangle--> <path d="m 10 10 l 80 0 l 0 30 l -80 0 z" style="stroke:red; fill:orange; fill-opacity:0.5"/> <!-- triangle --> <path d="m 10 60 l 80 0 l 0 30 z" style="stroke:green; fill:green; fill-opacity:0.5"/> </svg>