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.

  1. Open the tool : Go to SVG Path Editor to use the tool.
  2. Review the controls : Enter your value or input directly in the tool.
  3. 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

SVG Path Editor

Edit SVG path data with draggable points, transform controls, grid snapping, and canvas zoom and pan.