SVG Path Editor

An interactive visual SVG path builder. Build, edit and export paths.

• Pen tool P — Click to add anchor points, creating path segments
• Select tool V — Drag anchor or control points to reshape curves
• Add point A — Click on a path segment to insert a new point
• Delete point D — Click an anchor to remove it from the path
• Segment types — Choose L (line), Q (quadratic), C (cubic), A (arc) in the panel
• Ctrl/Cmd+drag anchor — Pull out control handles to convert to curve
• Path string — Edit the path d= string directly below the canvas
• Scroll to zoom, Space+drag to pan
• Ctrl+Z / Ctrl+Y — Undo / Redo
• Use Preset Shapes in the panel to load example paths