Scrawlspace › Image Tools

SVG Viewer

Open or paste SVG code, edit it, and see a live preview you can zoom, on light, dark or checkered backgrounds.

How to use SVG Viewer

Paste SVG code or drop an SVG file.
Edit the code; the preview updates as you type.
Switch the Background between Light, Dark and Grid, and zoom in or out.
Click Download to save your edited SVG.

Frequently asked questions

How do I view an SVG file?

Drop it here or paste its code. It is shown immediately, and you can zoom or toggle between fit and 100%.

Can I edit SVG code and see the changes live?

Yes. The preview redraws as you type, so you can tweak colours, paths and sizes and see the result straight away.

Why check an SVG on a dark background?

Icons with dark fills can disappear on a dark theme. Switching backgrounds shows how it will look in each.

Is my SVG uploaded?

No. Everything stays in your browser.

All tools

Board: Hand-drawn whiteboard with live to-do, code, table and API cards. Multiplayer and encrypted.
Diff Checker: Compare two texts or files side by side. Line and word highlights, JSON mode, ignore whitespace, export a patch.
JSON Viewer: Paste JSON to validate, format, minify and explore it as a collapsible tree.
CSS Formatter: Beautify messy CSS or minify it for production. Handles nesting, @media and comments.
Developer Utilities: JWT decoder, Base64/URL/HTML encoder, hashes, UUID/ULID and password generators, timestamp converter, cron explainer and what's my IP.
PDF Tools: Edit, merge, split, compress, convert (Word, Excel, PowerPoint, JPG), OCR, sign, protect, unlock, redact and compare PDFs. Files stay on your device.
Image Tools: Compress, resize, crop and convert (HEIC to JPG, WebP, AVIF, Base64). Optimise and render SVGs. Generate QR codes, favicons and OG images.
What's new