SVG Path Editor
Parse SVG paths, edit control points, and export optimized SVG.
Samples
0
PathsNo path elements found.
Preview
100%
View: 400x240
Zoom: 100%
About SVG Path
SVG Path is one of the most powerful elements in SVG, allowing you to create shapes of any form. A path is defined by a series of commands and coordinates that describe how to draw the shape.
Common Path Commands:
MM/m: Move to
LL/l: Line to
HH/h: Horizontal line to
VV/v: Vertical line to
CC/c: Cubic Bézier curve
SS/s: Smooth cubic Bézier
QQ/q: Quadratic Bézier curve
TT/t: Smooth quadratic Bézier
AA/a: Elliptical arc
ZZ/z: Close path
Tip
Tip: Uppercase letters indicate absolute coordinates, while lowercase letters indicate relative coordinates.
Edit SVG paths visually. Parse SVGs, drag points, add commands, optimize paths, and export updated SVG files.