SVG-Edit
Powerful web-based SVG editor. Draw, edit, and export vector graphics in your browser.
Open the official app on svgedit.netlify.app
This tool is hosted by its maintainers. Click below to open svgedit.netlify.app in a new tab — it's their official demo.
Browse design tools →What's next with SVG-Edit?
Choose how you want to get started.
Use it free
Open the official tool or demo — no account needed.
Self-host it
Run the open-source version on your own infrastructure.
What is SVG-Edit?
**SVGEdit** is a fast, web-based, JavaScript-driven SVG drawing editor that works in any modern browser. **SVGEdit** is based on a powerful SVG canvas **@svgedit/svgcanvas** [](https://upload.wikimedia.org/wikipedia/commons/f/fd/Ghostscript_Tiger.svg) SVGEdit is the most popular open source SVG editor. It was started more than 15 years ago by a fantastic team of developers. Unfortunately, the product was not maintained for quite a long time. We decided to give this tool a new life by refreshing many aspects. Please let us know by creating an issue or a discussion if you wish to contribute. Thanks to **Netlify**, you can access the following builds from your favorite browser: - [Try SVGEdit V7 (master branch on github)](https://svgedit.netlify.app/index.html) - [Try SVGEdit V7 (latest publi Source: SVG-Edit/svgedit (https://github.com/SVG-Edit/svgedit)
How it works
SVG-Edit works by processing your input directly. Powerful web-based SVG editor. Draw, edit, and export vector graphics in your browser.
How to use it
- 1Configuration If you want to host a local version of SVGEdit, please follow these instructions:
- 2clone or copy the repository contents from github
- 3run `npm i` to install dependencies
- 4run `npm run build --workspace @svgedit/svgcanvas` to build the svgcanvas dependency locally
- 5to test, you can run `npm run start` to start a local server
- 6and access `http://localhost:8000/src/editor/index.html` with a.
What it can do
- Utility
Use cases
Assumptions and limitations
Assumptions
- source: https://github.com/SVG-Edit/svgedit
- license: MIT — free to use
- privacy: Opens an external demo
Limitations
- This is an open-source project maintained at SVG-Edit/svgedit. Check the repository for current feature status and known issues.
Understanding the result
Powerful web-based SVG editor. Draw, edit, and export vector graphics in your browser.
Tool details
- Clearly flagged when a network request is needed.
- No account, no sign-up, and no tracking of your content.
- Powered by svgedit (MIT).
- Built with
- svgedit (SVG-Edit/svgedit)
- License
- MIT
- Runs locally
- No — requires a network request
- Verification
- Not yet verified
- Input
- Text Input
- Output
- Diagram/Image
Built with SVG-Edit/svgedit. OpenToolVault provides the discovery and browser interface while crediting the original project maintainers.
- Built with
- svgedit
- License
- MIT
Open-source project
OpenToolVault is an independent directory. We are not affiliated with or endorsed by this project.
References
- SVG-Edit/svgedit — GitHub Repository
Upstream project · GitHub
- MIT License
Upstream project
Frequently asked
What is Svgedit?
**SVGEdit** is a fast, web-based, JavaScript-driven SVG drawing editor that works in any modern browser. **SVGEdit** is based on a powerful SVG canvas **@svgedit/svgcanvas** [](https://upload.wikimedia.org/wikipedia/commons/f/fd/Ghostscript_Tiger.svg) SVGEdit is the most popular open source SVG edit It is available on GitHub at SVG-Edit/svgedit.
Is Svgedit free to use?
Yes — Svgedit is open-source software. You can use it freely, and the source code is available at https://github.com/SVG-Edit/svgedit.
What configuration options are available?
If you want to host a local version of SVGEdit, please follow these instructions: 1. clone or copy the repository contents from github 1. run `npm i` to install dependencies 1. run `npm run build --workspace @svgedit/svgcanvas` to build the svgcanvas dependency locally 1. to test, you can run `npm run start` to start a local server 1. and access `http://localhost:8000/src/editor/index.html` with a
Where can I try this tool?
This tool is hosted by its maintainers. Visit the official demo or source repository to use it. (https://github.com/SVG-Edit/svgedit)
How is Svgedit licensed?
It is open-source. Check the repository (https://github.com/SVG-Edit/svgedit) for the specific license.