SVG Path Editor
Edit SVG path data with draggable points, transform controls, grid snapping, and canvas zoom and pan.
Drag handles to edit the path. Drag the canvas to pan and use the wheel to zoom.
Path controls
Transforms
Paste SVG path data, then drag anchors and Bezier controls on the canvas to reshape the path. You can snap edits to a grid, round coordinates, switch between relative and absolute commands, scale or rotate the path, reset the view to fit the current shape, pan with the middle mouse button, and zoom with the wheel. You can also preload the editor with URL parameters. Arc endpoints stay editable, but arc flags are not given extra controls.
How to Use
Paste SVG path data, then drag anchors and Bezier controls on the canvas to reshape the path. You can snap edits to a grid, round coordinates, switch between relative and absolute commands, scale or rotate the path, reset the view to fit the current shape, pan with the middle mouse button, and zoom with the wheel. You can also preload the editor with URL parameters. Arc endpoints stay editable, but arc flags are not given extra controls.
- Open the tool : Start with SVG Path Editor, then follow the steps below.
- Set the inputs : Paste or type the value you want to process.
- Run and copy : Use the action buttons, then copy or share the result if you need it elsewhere.
Common Questions
What does SVG Path Editor help inspect or debug?
Edit SVG path data with draggable points, transform controls, grid snapping, and canvas zoom and pan.
Can I copy or export the result from SVG Path Editor?
Yes. Use the copy button or any download option that appears after the result is generated.