SVG Path Editor
A free visual editor for SVG paths: move points, edit commands, convert coordinates, scale, rotate, round and optimize paths. Open source under Apache-2.0.
SVG Path Editor makes SVG path data visible and editable in a browser. Paste a path string, move its nodes on the canvas and copy the resulting commands back into an icon, illustration or interface. The Commands panel supports insertion, removal and conversion of path commands, including relative and absolute coordinates.
The editor includes viewBox controls, zoom, grid snapping, undo and redo. Whole-path operations cover scaling, translation, rotation, rounding, reversing and optimization. It is a specialized path editor; a complete SVG document editor is beyond its scope. The screenshot shows the official editor with its standard example, and the logo comes from the project.
Created by Yann Armelin (Yqnn) and contributors. Copyright 2020 Yann Armelin; Apache License 2.0. The verified source snapshot is 937d75a83b6be2bdda11d02b9b3594841315223a. For a local development setup, upstream documents Node.js 18.13+, npm install and npm start; npm run build writes the build to dist/. The current source uses Angular 17 and TypeScript. No local installation or build was performed for this listing. The posting profile is a curator and does not claim to have developed the project.