SVG Path Editor
Edit and visualize SVG paths with an interactive visual editor
Drag points to edit the path. Control handles (orange) adjust curve shape.
Path Commands Reference
M x yMove to (x, y) - starts a new sub-pathL x yLine to (x, y) - draws a straight lineH xHorizontal line to xV yVertical line to yC x1 y1 x2 y2 x yCubic Bezier curve with two control pointsQ x1 y1 x yQuadratic Bezier curve with one control pointA rx ry rot large sweep x yElliptical arcZClose path - draws line to start