Inspect and manipulate SVG path d commands client-side. Features interactive node inspection, scaling, flipping, translation, precision rounding, and absolute coordinate normalization.
Runs entirely in your browser
An SVG path is defined by a string of d commands — move, line, curve — and editing that string by hand is difficult once curves are involved. This tool visualises a path on an interactive canvas so you can see and inspect its nodes, and it can transform the whole path: scale it, flip it, translate it, round coordinates for cleaner output, and normalise commands to absolute coordinates.
Those operations solve real problems: an icon that is the wrong size or orientation, a path with excessive decimal precision, or a mix of relative and absolute commands that is hard to reason about. Doing them visually and mathematically is far more reliable than editing coordinates by hand.
It runs in your browser, so the paths you work on are not uploaded. Use it to clean up exported SVG, adapt an icon to a new size, or understand an unfamiliar path before integrating it into your project.
TechToolsHQ is an independent, reader-supported tech platform. If this free tool saved you time, solved a problem, or helped your workflow, consider supporting our work. Your support helps us keep our utilities 100% free, private, and ad-free for everyone.