Free & Open Source — No Sign-Up Required

A Free SVG File Editor Right in Your Browser

Import SVG files, paste code, or draw from scratch — then edit visually with live two-way code sync. A free, open-source SVG image editor that runs entirely in your browser.

Start Editing Now See Features
svgeditor.app/app

Perfect for

Icon Design Logo Creation Web Graphics Learning SVG Code Data Visualisation Editing SVG Files

Everything you need to edit SVG files

Professional-grade SVG drawing tools in a lightweight, browser-based vector graphics editor.

Visual SVG Image Editor

Draw rectangles, ellipses, paths, polygons, and text directly on a visual canvas with zoom, pan, and grid snapping. Select, move, resize, and rotate elements with precision.

Built-in SVG Code Editor

Edit SVG markup in a syntax-highlighted code editor with two-way sync. Changes on the canvas update the code and vice versa.

<rect rx="12"
fill="#7c3aed" />

Works Offline

Install as a Progressive Web App and edit SVG files offline. Your projects are saved locally — nothing is sent to a server.

Layers & Properties

Manage element layers with visibility and lock controls. Edit fill, stroke, opacity, transforms, and more in the properties panel.

Import & Edit Any SVG File

Open SVG files from your device, paste SVG code from the clipboard, or drag and drop. Instantly see and edit every element in the visual SVG image editor.

Export & Download

Download your work as clean SVG files, copy the SVG code to clipboard, or copy individual selections. Start from built-in templates to get going fast.

.svg file
Copy code
Clipboard

Start editing SVG files in seconds

No sign-up, no downloads. Open our free SVG editor and start drawing.

Open or Import

Start with a blank canvas, choose a template, or import an existing SVG — open a file, paste code, or drag and drop. You're editing in seconds.

1

Edit & Design

Modify imported elements or draw new shapes, paths, and text. Use the visual canvas and live code editor side by side — changes sync both ways in real time.

2

Export & Use

Download your SVG file, copy the code, or save your project locally. Projects auto-save so you never lose your work.

3
Try It Free

Why choose our free SVG file editor?

100% Private & Secure

All processing happens in your browser. Your files never leave your device. SVG imports are sanitised to prevent XSS attacks.

Keyboard-First Workflow

Full keyboard shortcut support — Ctrl+Z/Y for undo/redo, Ctrl+C/V for copy/paste, Delete, Ctrl+A, and more.

Mobile & Touch Support

Responsive design adapts to phones and tablets with touch-optimised controls and a mobile-friendly toolbar.

Dark Mode Built-In

Automatically detects your system preference or toggle manually. Comfortable editing experience day and night.

output.svgstyles.css
<svg viewBox="0 0 200 200">
  <rect
    x="20" y="20"
    width="80" height="80"
    rx="12"
    fill="#7c3aed"
  />
  <circle
    cx="140" cy="100"
    r="50"
    fill="#2563eb"
  />
</svg>

Frequently Asked Questions

Everything you need to know about SVG Editor.

What is SVG Editor?
SVG Editor is a free, browser-based vector graphics editor. It lets you create and edit SVG (Scalable Vector Graphics) files using a visual canvas with drawing tools or by editing SVG code directly. It runs entirely in your browser with no server-side processing.
Is SVG Editor really free?
Yes, SVG Editor is completely free to use with no hidden costs, subscriptions, or premium tiers. It is open-source software that you can use for personal and commercial projects without any restrictions.
Do I need to create an account?
No. SVG Editor requires no sign-up, no login, and no personal information. You can start editing immediately by opening the app. Your projects are saved locally in your browser using IndexedDB.
Can I use SVG Editor offline?
Yes. SVG Editor is a Progressive Web App (PWA) that you can install on your device. Once installed, it works fully offline. All your data stays on your device and is never uploaded to any server.
Can I import and edit existing SVG files?
Yes. You can import SVGs in three ways: open an .svg file from your device via File > Open, paste SVG code directly from the clipboard (Ctrl+V), or drag and drop an .svg file onto the canvas. Every element becomes individually selectable and editable on the visual canvas and in the code editor.
Is my data private and secure?
Absolutely. SVG Editor processes everything locally in your browser. No files, project data, or personal information is ever sent to a server. Additionally, when importing SVG files, the editor sanitises the content using DOMPurify to prevent XSS attacks.
What drawing tools are available?
SVG Editor includes tools for rectangles, ellipses, polylines, polygons, bezier paths, and text. You can select, move, resize, and rotate elements. The editor also supports grouping, alignment, z-ordering, and grid snapping.
Does SVG Editor work on mobile devices?
Yes. SVG Editor is fully responsive and includes a mobile-optimised interface with touch gesture support, a floating action toolbar, and sheet-based panels for properties and layers.
Can I edit SVG code directly?
Yes. The editor features a built-in code view powered by CodeMirror with XML syntax highlighting, search and replace, and two-way synchronisation with the visual canvas. Changes in the code are reflected on the canvas in real time and vice versa.
How do I save my work?
Projects are auto-saved to your browser's IndexedDB storage. You can also manually save with Ctrl+S, use "Save As" to create copies, and download SVG files to your computer. Your projects persist across browser sessions.

Ready to create something amazing?

Jump straight into our free SVG file editor — no account required. Import an existing SVG image, paste code, or start from a blank canvas.

Launch SVG Editor