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)
Upload an image to start manipulating
Settings & Controls
How to Use SVG Path Editor
Paste any SVG path <path d='...' /> string.
Inspect every command (M, L, C, S, Q, A, Z) broken down into a table.
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.
Related Image Tools
GIF Maker
Combine a sequence of photos or video frames into an animated GIF with custom frame delay and looping.
GIF to MP4 Converter
Convert heavy animated GIFs into smooth, ultra-compact MP4 or WebM video files for modern websites.
Image URL Generator
Turn local pictures into instant shareable object URLs and temporary preview endpoints for testing.
Image Placeholder Generator
Generate custom SVG or PNG placeholder dummy images (e.g. 800x600) with custom labels, colors, and gradients.
Blur Hash Generator
Generate ultra-compact BlurHash strings to render smooth blurred image placeholders during web page loading.
Data URI Generator
Generate clean data:image/png;base64,... URIs ready to paste directly into src attributes and stylesheets.