Design & branding
Design & branding

SVG Path Editor

Drag points to reshape an SVG path, then copy the code.

Private by design

Your inputs stay on your device and are not sent to our servers. Optional usage analytics does not receive your files or tool inputs.

Preparing tool

How to use SVG Path Editor

  1. Paste path data (the d attribute) or start from a shape.
  2. Drag points and handles, or select one to nudge it, add points and change lines to curves.
  3. Copy the path data or a complete SVG.
Read the detailed guide →

What are the limits of SVG Path Editor?

Edits the path d attribute only, not whole SVG files, groups or transforms. Arcs can be moved and reshaped from the list but have no curve handles. Very long paths (over 2,000 commands) are not supported. Your path stays on your device.

YOUR BROWSER, YOUR CHOICE