SVG Vector Lab

Point-level SVG editing

Edit SVG paths, points, and Bézier curves online.

Select a path to reveal its anchors and control handles. Drag visually, enter exact coordinates, normalize commands, and watch the underlying d attribute update as you work.

Open the path editorRead the path guide
SVG Vector Lab displaying a Bézier path with editable points, handles, source, and inspector
The canvas, path-command table, and SVG source describe the same geometry and stay synchronized.

Built for path work

Change geometry without losing sight of the markup.

Move anchors directly

Drag endpoints on the canvas, nudge them from the keyboard, or type exact values into the command table.

Shape Bézier curves

Adjust cubic control handles and see how their angle and length change the curve.

Inspect every command

Work with M, L, H, V, C, S, Q, T, A, and Z commands instead of a proprietary path format.

Edit transformed artwork

Manipulate paths inside transformed groups while keeping coordinates and selection behavior connected.

A focused workflow

Open, select, and refine.

  1. Open or paste SVG. The editor sanitizes the markup and displays the real SVG elements.
  2. Select a path. Switch to the Path panel to expose command values and canvas handles.
  3. Edit and export. Copy cleaned markup or download the finished SVG or PNG.

Try the differentiator

Start with an editable cubic path.

A prepared curve opens with real path data so you can begin moving points immediately.

Edit an SVG path