Dev Tools

SVG-Edit — Vector Graphics Editor

Create and edit SVG vector graphics with shapes, paths, and text. Runs entirely in your browser — nothing you draw is ever uploaded.

Related tools

About SVG-Edit — Vector Graphics Editor

SVG-Edit is an open-source, MIT-licensed vector graphics editor for creating and editing SVG files directly in the browser — shapes, paths, text, gradients, and layers, with full control over the underlying XML. The build here is self-hosted directly from the SVG-Edit project's own source and runs entirely client-side: nothing you draw is ever uploaded.

How to use

  1. Draw using the shape, path, and text tools in the toolbar, or import an existing SVG via File → Open.
  2. Adjust fills, strokes, and gradients from the properties panel, and organize elements using layers.
  3. Fine-tune paths directly by editing SVG source via the source-editing view, if you need pixel-precise control.
  4. Export or save your work as an SVG file via File → Save/Export.

Frequently asked questions

Is my design uploaded anywhere?
No. SVG-Edit runs entirely in your browser via JavaScript — nothing you draw or import is ever sent to a server, including by this site.
Can I edit the raw SVG code?
Yes — SVG-Edit includes a source view so you can inspect and directly edit the underlying SVG XML alongside the visual canvas.
Can I import an existing SVG to edit?
Yes — open an existing SVG file to load it onto the canvas and continue editing it visually or via source.
What can I export to?
SVG-Edit exports standard SVG files, which can be opened in any vector editor or embedded directly on the web.