SVG Studio: a private workspace for SVG files
Open an SVG safely, check it for problems, and edit its code and canvas side by side. Everything runs in your browser, so your artwork stays on your device.
SVG tools
SVG Editor
Edit SVG code and canvas together, with undo and redo.
SVG Viewer
Open SVG files or code and view them with zoom and backgrounds.
SVG Inspector
Find invalid XML, broken references and other problems in SVG code.
Only finished tools are listed. More will be added as they are ready.
How it works
- Open a file in the Viewer to see how it looks and check its size.
- Open it in the Inspector to find broken references, a missing viewBox and other issues.
- Open it in the Editor to change colors and fix the source, then export the result.
Common uses
- Checking an icon or logo before it goes into a website.
- Debugging an SVG that renders blank or at the wrong size.
- Recoloring a simple graphic without opening a design app.
What it does
- Every file is cleaned of scripts, event handlers and external references before it is displayed.
- Files move between the three tools without being chosen again.
- Size limits and complexity checks stop hostile files from freezing the tab.
- No account, no upload, and nothing is stored.
Good to know
SVG Studio currently covers viewing, inspecting and basic editing. It has no drawing tools, shape transforms, layers panel, optimizer or converters yet, and only finished tools are listed.
Frequently asked questions
- Is my SVG uploaded anywhere?
- No. The file is read and processed in your browser tab. DailyBox servers never receive it.
- Why was part of my SVG removed?
- Scripts, event handlers, embedded HTML and links to other websites are removed because they can run code or load outside content. The tools list exactly what was removed.
- Which tools are available today?
- The Viewer, the Inspector and the Editor. More SVG tools will appear here only when they work.
- Is there a size limit?
- Files can be up to 5 MB, with at most 50,000 elements and 128 levels of nesting, so a broken or hostile file can't freeze your browser.
Related tools
- Just want to look at a file? Open it in the SVG Viewer.
- Something looks wrong? Check the code in the SVG Inspector.
- Ready to change it? Edit it in the SVG Editor.
Related tools
- SVG EditorEdit SVG code and canvas together, with undo and redo.
- SVG ViewerOpen SVG files or code and view them with zoom and backgrounds.
- SVG InspectorFind invalid XML, broken references and other problems in SVG code.
- Color Converter & Contrast CheckerConvert colors between HEX, RGB and HSL and check WCAG contrast.