✏️ SVG Path Editor

Build and preview SVG path commands visually. Edit the d attribute and see results in real-time.

📝 Path Data (d attribute)

📊 Path Info

👁️ Preview

📖 Command Reference

M x y: Move to point
L x y: Line to point
H x: Horizontal line to x
V y: Vertical line to y
C x1 y1, x2 y2, x y: Cubic Bézier curve
S x2 y2, x y: Smooth cubic Bézier
Q x1 y1, x y: Quadratic Bézier curve
T x y: Smooth quadratic Bézier
A rx ry rot large sweep x y: Elliptical arc
Z: Close path

Lowercase commands use relative coordinates.