A browser-based SVG editor for fast vector work
Open SVG Lab when you need to edit SVG files online without installing desktop software. The editor is built for icons, logos, diagrams, interface marks, simple illustrations, and quick cleanup work where the final file needs to stay SVG.
The app runs in the browser and keeps the editor focused on the file you are making: draw paths, adjust shapes, inspect SVG source, import artwork, and export when the design is ready.
What you can make with SVG Lab
- SVG icons and UI symbols for websites, apps, and design systems.
- Logos, wordmarks, badges, and simple brand graphics.
- Technical diagrams, arrows, callouts, and lightweight illustrations.
- Cleaned-up SVG exports from AI tools, stock libraries, or design apps.
SVG editor features
- Draw and edit paths: use pen, pencil, curve, smooth, direct selection, path offset, and anchor editing tools.
- Create vector shapes: add rectangles, ellipses, lines, triangles, polygons, stars, rounded rectangles, and arrows.
- Style SVG artwork: work with fills, strokes, gradients, patterns, filters, blend modes, masks, clips, and symbols.
- Work with code: inspect and apply SVG source from a live code panel when you need clean markup.
- Export from the browser: export SVG, PNG, and PDF files directly from the online editor.
How SVG Lab compares
- Compared with desktop editors like Inkscape: SVG Lab is lighter and browser-based, so it is better for fast SVG edits when you do not want to install a full desktop app.
- Compared with broad design suites: SVG Lab stays close to SVG output instead of turning a small vector edit into a full design-file workflow.
- Compared with simple SVG viewers: SVG Lab is an editor, not only a preview tool. You can draw, modify paths, style artwork, and export.
For a fuller search-friendly comparison, read the best free online SVG editors guide or the SVG editor alternatives page.
Free tier and paid plans
SVG Lab has a free tier so people can try the browser-based SVG editor before paying. Paid plans expand limits for people who need more projects, exports, and Pro features. The current plan details live on the pricing page.
Frequently asked questions
What is SVG Lab?
SVG Lab is a free online SVG editor for creating, editing, importing, and exporting SVG files directly in a web browser.
Do I need to install anything?
No. SVG Lab works in a modern browser, so you can open the editor and start editing SVG files online without installing desktop software.
Is SVG Lab an alternative to Inkscape?
SVG Lab can be a lightweight browser-based alternative for fast SVG work, icons, diagrams, logos, and simple vector edits. Inkscape is still a deeper desktop vector editor for advanced workflows.
Can I export SVG, PNG, and PDF?
Yes. SVG Lab supports SVG export, PNG export, and PDF export from the browser editor.
Can I edit existing SVG files online?
Yes. You can import SVG files, edit their shapes and styles, inspect the source, and export the result from the browser.
Who made it
SVG Lab is built by Usman (@ottoman9). The editor is intentionally small and direct: index.html, styles.css, and app.js, with no bundler in the production app.