Local by default
The SVGs you open and edit are processed inside your browser. The editor does not upload your artwork to an application server. Work in progress is stored only in your browser's local storage.
About the project
SVG editing without giving up control of your artwork.
SVG Vector Lab is a free, open-source editor for people who want the speed of a visual canvas and the precision of real SVG markup.
Why it exists
SVG is one of the web's most useful image formats, but editing it often means choosing between a large design application and a code editor. SVG Vector Lab keeps both views together. You can drag a path point, change a shape, or adjust a transform and immediately see the underlying markup update.
The editor is designed for frontend developers, icon designers, students, and anyone debugging or learning SVG geometry.
Real SVG, not a proprietary format
You edit standard SVG elements and attributes, then export ordinary SVG markup or a rendered PNG. There is no project format or account lock-in.
Built for understanding
The source, layer list, canvas, inspector, path commands, and vector notes stay connected so you can see how a visual change maps to SVG code.
Open source
The project is available under the MIT License. You can inspect it, learn from it, adapt it, or run a copy locally.
What you can do
- Edit paths, rectangles, circles, ellipses, lines, polygons, polylines, text, groups, and use references.
- Drag path endpoints and Bézier control points directly on the canvas.
- Resize, rotate, duplicate, reorder, and transform selected elements.
- Edit fill, stroke, opacity, geometry, transforms, and arbitrary attributes.
- Convert basic shapes to paths and edit their commands point by point.
- Copy clean markup or export SVG and PNG files.
Open the editor or begin with the SVG guides.