Free tool

SVG viewer.

Paste SVG code or drop an .svg file and see it render as you edit — on transparent, light or dark, with its real size and viewBox spelled out. Export it as a PNG at 1×, 2× or 4×, or copy it as a data URI.

What the viewer checks

• Size. The root width, height and viewBox, and the pixel size the browser actually renders — including when only one of them is set.
• Well-formedness. SVG is XML, so one unclosed tag or bare & blanks the whole image. The first parser error is shown under the preview.
• Namespace. Without xmlns="http://www.w3.org/2000/svg" an SVG works inline in HTML but fails as an image file. The viewer flags it and adds it to exports.
• Transparency. The checkerboard shows which areas are really transparent, and the dark background catches black-on-black icons before they ship.

Questions

How do I view an SVG file online?

Paste the SVG markup into the editor on this page or drop the .svg file onto it. It renders on the right as you type, on a transparent, light or dark background, at fit-to-box, 1× or 2×. Nothing installs and nothing uploads.

Is it safe to open an SVG I didn't make?

SVG can contain scripts, so opening one as a page is risky. This viewer loads it as an image instead — the same way an <img> tag would — and browsers never run scripts or fetch external files for SVG loaded that way. The markup stays on your machine.

How do I convert SVG to PNG?

Pick 1×, 2× or 4× and click PNG. The browser draws the SVG onto a canvas at that scale and downloads the result, so a 480×280 SVG at 2× becomes a 960×560 PNG with the transparent background kept.

Why does my SVG show nothing, or show at the wrong size?

The usual causes: the root element has no xmlns="http://www.w3.org/2000/svg" (required when an SVG is loaded as an image — the viewer adds it if it's missing), there is no width, height or viewBox so the browser can't size it, or the drawing sits outside the viewBox. The readout under the preview shows what the viewer found.

Why are the fonts or linked images different?

An SVG loaded as an image can't fetch anything — web fonts, <image href="logo.png">, external stylesheets. Text falls back to a system font and linked images are skipped. Convert text to paths and embed images as data URIs (the image to Base64 tool does that) for an SVG that renders the same everywhere.

How do I share the SVG as a link?

Click “Get a shareable link”. The SVG becomes a Comma report — one URL anyone can open, where reviewers can leave comments on the drawing. Comma is free.

Related: Image to Base64 · HTML viewer · HTML escape · URL encoder · all free tools