Path Curves•100% Client-Side Privacy
SVG Path Editor
Inspect, tweak, scale, and visualize complex SVG path d='M... C... Z' Bézier curves and commands.
Drop your image here or click to browse
Supports PNG, JPG, WebP, SVG, GIF, BMP, HEIC • Paste directly from clipboard (Ctrl+V)
Live Canvas Preview
800 × 600 px
Upload an image to start manipulating
Settings & Controls
Width
Height
How to Use SVG Path Editor
01
Paste any SVG path <path d='...' /> string.
02
Inspect every command (M, L, C, S, Q, A, Z) broken down into a table.
03
Preview the rendered path and export.
Frequently Asked Questions
What do path commands like M and C mean?
M means 'Move To' a point, while C represents a Cubic Bézier curve with two control handles.
Discover More