Select and transform
Click any element to select it, then move, resize, or rotate it in place.
Online SVG Editor
Draw, edit, and export SVG in your browser — no signup, nothing uploaded.
How to edit an SVG file online
- 1
Open the editor
Start with a blank canvas, or drag and drop an existing SVG file.
- 2
Draw, edit, and arrange
Use the select, rectangle, ellipse, line, pen, and text tools. Layers and 100-step undo history are built in.
- 3
Export when you're done
Download a clean SVG, or export to PNG. Your file never leaves your browser.
Everything you need to edit SVG in your browser
Path editing
Add, move, and delete nodes on any path — directly in the browser.
Shapes and text
Draw rectangles, ellipses, lines, and editable text with one click.
Layers panel
See every element in the stack. Reorder, show, or hide layers instantly.
Undo history
Up to 100 undo steps with Ctrl+Z and Ctrl+Shift+Z.
Keyboard shortcuts
Delete, duplicate, nudge, undo, redo — all mapped to keys you already know.
SVG-native import and export
What you import is what you edit. Exports are clean SVG you can drop into any project.
Works offline
After the first load, the editor runs entirely in your browser — no server calls needed.
Private by design
Never uploaded
Your files stay on your device. Nothing is sent to a server — ever.
Works offline
Load the page once, then edit without an internet connection.
No account required
No signup, no email, no watermark. Just open the page and start editing.
What is an SVG file?
SVG stands for Scalable Vector Graphics. Unlike PNG or JPG, an SVG file stores shapes as mathematical descriptions — lines, curves, and fills — instead of a grid of pixels. That means an SVG can be scaled to any size, from a 16-pixel favicon to a billboard, without losing a single detail.
SVG is the right format for icons, logos, illustrations, diagrams, and anything else that needs to look sharp at every resolution. And because the file is just XML text, you can edit it in a code editor — or right here in the browser, with visual tools that feel like a native app.
Who uses Online SVG Editor
Web developers
Clean up SVG exports from Figma or Illustrator, tweak paths, set viewBox, and optimize before shipping to production.
UI / UX designers
Make quick edits to icons and illustrations without opening a full vector application.
Crafters
Prepare cut files for Cricut, Silhouette, and laser cutters — resize, recolor, and export clean SVG.
Students and educators
Learn vector graphics hands-on, for free, without installing software or buying a license.
How it compares
A quick side-by-side with the tools you may already know.
| Online SVG Editor | Illustrator | Inkscape | Canva | Figma | Boxy SVG | |
|---|---|---|---|---|---|---|
| Free forever | Yes | No | Yes | Partial | Partial | Partial |
| No signup | Yes | No | Yes | No | No | Yes |
| No upload (local-only) | Yes | Yes | Yes | No | No | Yes |
| Works offline | Yes | Yes | Yes | No | Partial | Yes |
| SVG-native (no lossy conversion) | Yes | Partial | Yes | Partial | Partial | Yes |
| Hand-localized Chinese | Yes | Partial | Partial | Partial | Partial | No |
Last reviewed 2026-04-12. "Partial" means conditional or limited — see each vendor's docs.
20+ SVG tools, one page
Convert, optimize, view, recolor, resize — everything runs in your browser.
SVG to PNG Rasterize SVG to a crisp PNG in your browser. SVG Optimizer Shrink SVG files without losing quality. SVG Viewer Preview any SVG file and inspect its structure. SVG to JSX Turn any SVG into a ready-to-paste React component. PNG to SVG Trace raster images into scalable vectors. SVG to JPG Rasterize SVG to a JPEG with a solid background. SVG to Base64 Encode SVG as a base64 string or data URI. Base64 to SVG Decode a base64 string or data URI back into SVG. SVG to Vue Wrap any SVG in a Vue single-file component. SVG Recolor Swap colors in an SVG without opening an editor. SVG Resize Set a new width and height on an SVG without distortion. SVG Minifier Aggressively shrink an SVG for the web. SVG to PDF Export an SVG as a simple PDF in your browser.
Start from an example
Hand-picked SVGs you can load into the editor with one click.
Learn SVG
Tutorials and deep dives from our blog.
Frequently asked questions
Is it really free?
Yes. There is no paywall, no watermark, and no premium tier. Every feature is available to everyone.
Do I need to sign up or create an account?
No. You can start editing the moment the page loads. We do not ask for your email or any personal information.
Is my file uploaded to a server?
No. Every operation — drawing, editing, exporting — runs locally in your browser. Your files never leave your device.
Does it work offline?
Yes. After the first page load, the editor is a self-contained bundle. You can disconnect from the internet and keep editing.
What file formats can I import and export?
Import: SVG. Export: SVG, PNG, and JPG. Dedicated tool pages also let you convert to JSX, Vue SFC, Base64, and PDF.
Can I edit SVG path data?
Yes. The pen tool lets you create paths, and the select tool lets you move and delete individual path nodes.
Does it support layers?
Yes. The layers panel shows every top-level element with controls to reorder, show, or hide each one.
Can I edit SVGs exported from Illustrator, Figma, or Inkscape?
Yes. The editor reads standard SVG markup. Files from Illustrator, Figma, Inkscape, Sketch, and most other tools open without issues.
Which browsers are supported?
Any modern browser: Chrome, Edge, Firefox, and Safari on desktop or tablet. Internet Explorer is not supported.
Is there a file-size limit?
There is no hard limit. Performance depends on your browser and device — extremely complex files with thousands of nodes may feel sluggish.
What keyboard shortcuts are available?
Ctrl+Z to undo, Ctrl+Shift+Z to redo, Ctrl+D to duplicate, Delete to remove the selection, and arrow keys to nudge.
Does it work on mobile?
You can view SVGs and make basic edits on a tablet. Phone screens are generally too small for precise vector editing.