SVG path editor

Edit the actual path geometry of an SVG — anchor points, bezier handles, corners and curves — in your browser. No install, no account, and the file never leaves your device.

Drop an SVG here

or

Start from blank

Your file never leaves your device — it opens locally in your browser.

Editing paths, not pictures

Most tools that claim to edit SVG only let you change a fill colour or scale the whole thing. That is not path editing. A path is a sequence of anchor points, each with bezier handles that control the curve entering and leaving it — and reshaping a path means moving those, individually.

VectorQuil gives you the same model Illustrator uses: click a path with Direct Selection and every anchor appears. Drag one and the curve follows. Drag a handle and only that segment changes.

The tools you get

  • Direct Selection (A) — select and move individual anchor points and handles.
  • Pen (P) — draw new paths, point by point. Click for a corner, drag for a curve.
  • Add Anchor Point — insert a new point anywhere along an existing path.
  • Delete Anchor Point — remove a point while keeping the path intact.
  • Convert Anchor — switch a point between a sharp corner and a smooth curve.
  • Shape Builder — merge and subtract overlapping shapes into new outlines.

Corner radius on individual points

Select an anchor and you can round that corner on its own, without affecting the rest of the shape. It works on any corner point, including triangles and other odd-angled geometry where a lot of editors quietly refuse.

What you can export

Clean SVG that a developer will not complain about, plus PNG, JPG and PDF when you need a raster or print-ready version. There is no watermark on any of them.

How to edit an SVG path

  1. Open your SVG. Drop the file above, or start from a blank canvas. The file is parsed in your browser — nothing is uploaded.
  2. Switch to Direct Select (A). Click a path with the Direct Selection tool to reveal its anchor points and bezier handles, the same way Illustrator shows them.
  3. Move anchors and handles. Drag any anchor to reshape the path. Drag a handle to change the curve on either side of a point. Hold Shift to constrain movement.
  4. Add, delete or convert points. Press-and-hold the Pen tool for the Add Anchor, Delete Anchor and Convert Anchor tools. Convert switches a point between a sharp corner and a smooth curve.
  5. Export. Save clean SVG when you are done, or export the result as PNG, JPG or PDF.

Common questions

Can I edit the actual path data of an SVG?

Yes. Every path in your file becomes editable — anchor points, bezier handles, and the curve between them. You are editing real path geometry, not a rasterised preview.

Is this a free SVG path editor?

Yes, completely free with no account and no watermark. It runs in your browser.

Can I add or remove anchor points?

Yes. The Pen tool group includes Add Anchor Point, Delete Anchor Point and Convert Anchor, which are the three operations you need to reshape an existing path.

Does it handle curves properly?

Yes. Each anchor carries in and out bezier handles, and you can convert a corner point to a smooth point (and back) so the curve stays continuous through the anchor.

Do I need to install anything?

No. It runs entirely in the browser on Chrome, Safari, Firefox and Edge. Your file is processed locally and never uploaded.

Other things you can do