SVG Path Editor
Edit the actual geometry of an SVG path, rather than tracing pixels or rasterizing a finished graphic. Paste path data, select a subpath and drag its anchor or cubic control handles. Add and remove nodes, open or close a contour, and use undo or redo before exporting a standalone vector SVG. The parser accepts absolute and relative M, L, H, V, C, S, Q, T and Z commands; quadratic curves are converted to equivalent cubic controls. Arc commands and complete SVG documents are deliberately rejected, so unsupported shapes are never silently changed.
Key features
- Import absolute or relative SVG path data with multiple open or closed subpaths
- Drag anchor points and incoming or outgoing Bézier control handles
- Add or remove nodes and subpaths, switch the incoming segment between line and curve
- Undo and redo edits, including a complete pointer drag as one step
- Copy canonical M/L/C/Z path data or download a standalone vector SVG
How to use
- Paste the d attribute from an SVG path, or restore the built-in example, then import it.
- Select a subpath and node in the controls or node table.
- Drag the anchor and blue handles on the canvas, or enter coordinates numerically.
- Add or remove nodes, choose a line or curve, and open or close the subpath as needed.
- Check the canonical path data and copy it or download the finished SVG.
Use cases
- Refine the curvature of a logo outline after tracing
- Adjust an icon's anchor coordinates without installing a desktop vector editor
- Inspect and simplify a multi-subpath SVG d attribute for a web component
Frequently asked questions
Which SVG commands can I paste?
Absolute and relative M, L, H, V, C, S, Q, T and Z are accepted, including repeated coordinate groups and multiple subpaths. Q and T are converted to equivalent cubic handles. Arcs (A) and full SVG markup are rejected with an explicit error.
Why does exported path data use only M, L, C and Z?
The editor stores all supported segments as anchors and cubic handles. H, V, S, Q and T are normalized without changing their curve geometry, then serialized as explicit M, L, C and Z commands to make editing predictable.
Can I edit a closed outline with a curved final segment?
Yes. A closing curve can be represented by the last node's outgoing handle and the first node's incoming handle, followed by Z. Toggling a subpath open or closed changes the closing segment.
Does undo restore a whole drag?
A pointer drag records one snapshot when it begins, so a single undo returns the path to its position before that drag. Other button and numeric edits record their own steps.
Is the download a real SVG vector?
Yes. The exported file contains a standalone SVG path with its viewBox, fill and stroke. It does not embed a raster image or request external resources.
Privacy
Path data and edits stay in this browser tab. The editor does not send drawings to a server API or automatically save them.
Comments & questions