Move a path precisely
Shift one path by exact X and Y values without moving every element in the SVG.
SVG path editor
Edit SVG path commands and coordinates
Open an SVG, choose a path, and edit its coordinates in a structured command table. Move or scale the selected path and preview every change locally.
This first version edits existing path data. It does not provide freehand drawing, Bézier handles on the canvas, or boolean path operations.
Runs locally
The core file work happens in your browser where possible.
No upload
SVG and PDF files are not sent to a server for the browser tools.
Editable output
Preview, copy, clean, or download the result before you use it.
Clear limits
Complex print files, scans, and unsupported SVG features may need another workflow.
SVG path editor
Analyze the SVG, choose one path, then edit its parsed commands. The original and edited files stay side by side.
Original SVG
Edited SVG
Paths found
-
Commands
-
Path bounds
-
Path data
-
Removed
-
Path commands
Coordinates are converted to absolute values for predictable editing.
Resize around its center
Scale the selected path around its own bounds instead of the top-left corner of the SVG canvas.
Fix a single coordinate
Open the structured command list and change an endpoint, control point, radius, or arc flag.
How to edit SVG path data
The d attribute on an SVG path contains drawing commands such as move, line, curve, and arc. This editor parses that path data into separate fields, so you can change a coordinate without searching through one long string.
- Load an SVG and analyze its existing path elements.
- Choose a path, then edit a command or apply a move or scale transform.
- Compare both previews and download the SVG when the shape looks right.
Use the SVG code editor for broader markup changes. Adjust line thickness with the SVG stroke width editor, or change the canvas with the SVG viewBox editor.
What the path editor does not change
The editor changes the selected path's d attribute. It does not flatten transforms on parent groups, convert text or basic shapes into paths, merge shapes, subtract paths, or recreate a full desktop vector editor. Existing SVG transforms still apply after the path data is edited.
Common questions
Can I edit SVG paths without uploading the file?
Yes. SVG parsing, path editing, preview, copying, and download happen locally in your browser.
Which SVG path commands can I edit?
The editor supports move, line, horizontal, vertical, cubic curve, smooth cubic curve, quadratic curve, smooth quadratic curve, arc, and close-path commands.
Why are relative SVG path commands converted to absolute coordinates?
Absolute coordinates make each field easier to understand and edit. The rendered shape stays in the same place when the path is first analyzed.
Can I drag SVG path points on the preview?
Not in this version. Use the command fields for exact edits. Canvas handles and direct point dragging need a more advanced interaction model.
Why does editing a path not move its group transform?
A transform on a parent group is separate from the path data. This tool keeps that SVG structure intact and changes only the selected path's d attribute.