^^SVG path.

The d attribute defines a path to be drawn >>>

SVG defines 6 types of path commands, for a total of 20 commands:

M, m	MoveTo non traccia	M x y es M 50 10
L, l, H, h, V, v	LineTo traccia	L x y es L 50 100
C, c, S, s	Cubic Bézier Curve
Q, q, T, t	Quadratic Bézier Curve
A, a	Elliptical Arc Curve
Z, z	ClosePath

Move & Line | Line_crosses | 2

Q bezier_quadratic | bezier_cubic

A arc (elliptical)

path

<path fill="none" 
		stroke="red"   stroke-width="2" d="M 50 010 L 50 100"/>

		<path fill="none" stroke="green" stroke-width="3" d="M 150 10 L 150 100 
		100 080"/>

		<path fill="none" stroke="blue"  stroke-width="4" d="M 250 10 L 250 
		100 200 080 z"/>

path

<path fill="none" stroke="red" stroke-width="2" d="M 50 010 L 50 100"/> <path fill="none" stroke="green" stroke-width="3" d="M 150 10 L 150 100 100 080"/> <path fill="none" stroke="blue" stroke-width="4" d="M 250 10 L 250 100 200 080 z"/>

path

<path fill="none" stroke="red"
    d="M 10,10 h 10
       m  0,10 h 10
       m  0,10 h 10 v-10" />
<path fill="none" stroke="green"
    d="M 40,20 h 10
       m  0,10 h 10
       m  0,10 h 10 v-10
       v  20   h 10" />
<path fill="none" stroke="#44f"
    d="M 50,50 h 10
       m-20,10 h 10
       m-20,10 h 10
       m-20,10 h 10" />