SVG Path Visualizer & Inspector
Render, inspect, and minify SVG path d="..." commands in real time with interactive SVG canvas scaling.
Understanding SVG Path Commands
The <path> element is the most powerful shape in SVG. The d attribute defines path instructions using single-letter commands:
- M / m: Move to (x, y)
- L / l: Line to (x, y)
- C / c: Cubic Bezier curve
- Q / q: Quadratic Bezier curve
- Z / z: Close path