About SVG Editor

Our mission

SVG Editor was built with a single goal: make SVG editing accessible to everyone. Whether you are a designer fine-tuning an icon set, a developer inspecting path data, or a student learning about vector graphics for the first time, you deserve a capable tool that works instantly in your browser — no downloads, no accounts, no paywalls.

Too many creative tools hide basic functionality behind expensive subscriptions or force you to install heavyweight desktop applications. We believe that a powerful SVG editor should be free, fast, and available to anyone with a web browser.

Key philosophy

Free and open source

SVG Editor is and always will be completely free to use. The entire codebase is open source under the MIT licence, which means anyone can inspect, modify, and contribute to the project. There are no premium tiers, no feature gates, and no usage limits.

Privacy first

Everything happens in your browser. Your SVG files are never uploaded to a server — all editing, rendering, and code synchronisation runs 100% client-side. There is no telemetry that tracks your designs, no cloud storage that holds your work, and no analytics on what you create. Your files stay on your machine.

No sign-up required

You can start editing the moment you open the page. There is no registration form, no email verification, and no login wall. Just open the editor and get to work.

Works offline

Once loaded, SVG Editor works without an internet connection. This makes it a reliable tool for anyone working in low-connectivity environments or who simply prefers to keep their workflow offline.

What makes SVG Editor different

Two-way visual and code synchronisation

This is the feature that sets SVG Editor apart. When you draw a shape on the canvas, the underlying SVG code updates instantly. When you edit the code, the canvas reflects your changes in real time. This two-way sync bridges the gap between visual design and code-level precision, giving you full control over every attribute, path point, and transform — without switching between separate tools.

For developers, this means you can inspect and hand-tune SVG markup while seeing the visual result immediately. For designers, it means you can work visually and still have clean, readable code ready to drop into your project.

A lightweight browser-based alternative

Heavy desktop applications like Illustrator and Inkscape are powerful, but they come with steep learning curves, large install sizes, and system requirements that not everyone can meet. SVG Editor offers a focused, lightweight alternative that loads in seconds and runs on any device with a modern browser — including tablets and Chromebooks.

Technology

SVG Editor is a modern web application built with technologies chosen for performance, reliability, and developer experience:

• Nuxt 3 (Vue.js) — The application framework, providing server-side rendering for fast initial loads and a reactive, component-driven architecture.
• SVG.js — Powers the interactive drawing canvas, handling shape creation, manipulation, and rendering.
• CodeMirror — Provides the built-in code editor with syntax highlighting, auto-completion, and real-time validation for SVG markup.
• Vercel — Hosts and deploys the application, ensuring fast global delivery and high availability.

Open source

SVG Editor is released under the MIT licence, one of the most permissive open-source licences available. You are free to use, modify, and distribute the code for any purpose — personal, educational, or commercial.

The full source code is available on GitHub at github.com/Bytes-Reality/Simple-SVG-Editor. Contributions are welcome — whether that is fixing a bug, improving documentation, suggesting a feature, or submitting a pull request. Every contribution helps make the tool better for the entire community.

Get in touch

The best way to report bugs, request features, or ask questions is to open an issue on GitHub. This keeps everything transparent and allows the community to participate in the conversation. Whether you have found a rendering glitch, have an idea for a new drawing tool, or just want to say hello — we would love to hear from you.