SVG Path Editor
About SVG Path Editor
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 : Go to SVG Path Editor to use the tool.
- Review the controls : Enter your value or input directly in the tool.
- Use the result : Run the action you need, then copy or share the output.
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.
Actions
- Normalize path