Skip to content

SVG Path Editor

Edit an SVG path visually: drag anchor and control points, tweak commands, translate or scale, and copy the new path data. Runs in your browser.

No uploads

Orange = anchor points, blue = curve handles. Drag to edit.

How to use SVG Path Editor

  1. 1Open SVG Path Editor. It runs in your browser, no sign-up.
  2. 2Type or paste your input.
  3. 3Copy or download the result.

Questions

Which commands are supported?

All of them: M, L, H, V, C, S, Q, T, A and Z, relative or absolute. Paths are converted to absolute coordinates, and H/V become L so every point can be dragged.

How do I get a path from my SVG?

Open the SVG in a text editor and copy the value of a d="…" attribute. Run the file through the SVG Optimiser first to merge and simplify paths.

More tools

QR Code GeneratorLinks, Wi-Fi, text — SVG or PNG Word & Character CounterWords, characters, reading time Case Converter & SlugifyUPPER, Title, camel, kebab Markdown to HTMLLive preview and export Markdown to PDFPrint-ready, selectable text Text Cleaner: Dedupe, Sort, ReplaceLines, spaces, find & replace Fancy Text GeneratorUnicode fonts for bios Lorem Ipsum GeneratorPlaceholder paragraphs