SVG Path Editor

SVG Path Editor

Online SVG path editor

Description

Hand-writing an SVG path's d attribute means guessing through strings of M, C and Q commands. SVG Path Editor is an online tool for creating and editing SVG paths where dragging control points updates the path live.

Convert between absolute and relative coordinates, scale, translate and optimize, then copy the code.

Features



Visual editing:Drag control points.

Live preview:WYSIWYG.

Coordinates:Absolute and relative.

Optimization:Leaner code.