The following commands are available for path data:
- M = moveto
- L = lineto
- H = horizontal lineto
- V = vertical lineto
- C = curveto
- S = smooth curveto
- Q = quadratic Bézier curve
- T = smooth quadratic Bézier curveto
- A = elliptical Arc
- Z = closepath
Note: Capital letters means absolutely positioned, lower cases means relatively positioned.
Example:
<svg width="100%" viewBox="0 0 360 30" stroke="currentColor">
<path d="m0 0 l0 30 l360 0 l0 -30 l-150 0 q-8 0 -10 10 c-5 20 -35 20 -40 0 q-2 -10 -10 -10 z" />
</svg>
Output:
Labels: HTML, Web development