SVG viewer
Preview an SVG file and inspect the numbers behind it — viewBox, dimensions, and structure.
Rendered locally, never uploaded
Load an SVG to inspect its viewBox, dimensions, and structure.
How it works
- Choose an .svg file or paste the markup.
- Preview it against a transparency background and zoom in on details.
- Read the viewBox, dimensions, and node counts to catch export mistakes early.
What an SVG viewer tells you that a browser tab does not
An SVG is plain XML — <path>, <rect>, <circle> and friends — that browsers render as vector graphics. Opening one directly in a browser shows the picture, but not the details that break layouts: the viewBox, declared width/height, and how heavy the markup is.
The viewBox is the coordinate window the artwork was drawn in. When it is missing or mismatched with the width/height, an icon crops, stretches, or refuses to scale — one of the most common SVG export mistakes. This viewer shows both side by side so you can spot it in seconds.
Safe by design
The preview renders your file like an image, which means scripts and external references inside the SVG never execute — a known attack surface of "online SVG editors" that inline the markup. And because everything runs in your browser tab, your files are never uploaded; for related checks, see the image origin checker.
Questions
- Is my SVG file uploaded to view it?
- No. The file is read and rendered entirely in your browser tab — it never leaves your device and is not sent to any server.
- How do I open an SVG file without Illustrator or Inkscape?
- Drag it into any browser and you see the picture, but not the metadata. This viewer adds what browsers leave out: the viewBox, declared dimensions, element and path counts, plus zoom and transparency backgrounds for checking edges and alignment.
- What is a viewBox and why does it matter?
- The viewBox defines the coordinate system the SVG was drawn in — the window onto the artwork. If it is missing or does not match the width/height attributes, the graphic can crop, stretch, or scale incorrectly in layouts. Exporters like Figma, Illustrator, and Inkscape set it differently, so checking it is the fastest way to catch a bad export.
- Why don't scripts or external images inside my SVG run in the preview?
- The file is rendered like an image, not inlined into the page — so embedded scripts and remote references stay inert. That is deliberate: it lets you preview SVGs from anywhere without giving them script access to your browser.
- Can I edit the SVG here?
- This is a viewer and inspector, not an editor. Paste the markup into your code editor to change it — or if you need the graphic as a regular image, a raster conversion tool is the next step.