SVG Path Commands

A list of commands for the “d” attribute in an SVG PATH element.

M x,y - Move absolute
m x,y - move relative
L x,y - line to absolute
l x,y - line to relative
H x - line to horizontal absolute position
h x - line to horizontal relative position
V y - line to vertical absolute position
v y - line to vertical relative position
z - close path (also Z)

The curve methods are relative to the current pen position.

C x,y x,y x,y - bezier curve points, relative to current pen
S x,y, x,y - spline curve, relative to current pen
Q x,y x,y - quadratic curve
T x,y - quadratic curve, a reflection of previous curve
A x,y rotation, arc, sweep, x,y - arc

I got these from https://css-tricks.com/svg-path-syntax-illustrated-guide/

I just needed them in a more condensed format.

Leave a Reply