Image & SVG

SVG Viewer

Preview SVG files locally and inspect their dimensions, viewBox, and element counts.

Runs locally in your browser

Drop an SVG filePreviews and inspects the file locally in the browser.

Choose file

SVG preview will appear here.

SVG source

How to use this tool

Paste SVG markup or drop a local SVG file into the viewer.

Preview the graphic locally and inspect dimensions, viewBox, element counts, and basic structure.

Use the inspection results before optimizing, converting to PNG, or turning an icon into Android Vector Drawable XML.

SVG files can be tiny icons, complex illustrations, exported design assets, or generated markup from build tools.

Inspecting the viewBox and dimensions helps catch scaling problems before the SVG appears cropped, blurry, or misaligned in production.

Element counts can also hint at whether the SVG needs simplification before it is used as an icon or embedded in an app.

SVG is XML and can contain scripts, event handlers, external references, and embedded HTML-like content.

The viewer is meant for local inspection, but untrusted SVG should still be sanitized before it is embedded into a public site or app.

Use SVG Optimizer when you want a cleaner, safer version for production.

A 24 by 24 viewBox is common for UI icon systems.

Input

<svg viewBox="0 0 24 24"><path d="M12 2 3 7v10l9 5 9-5V7z"/></svg>

If the preview looks cropped, compare width, height, and viewBox values before editing path data.

Can SVG files be unsafe?

Yes. SVG can contain scripts, event handlers, remote references, and embedded content. Sanitize untrusted SVG before publishing it.

What is an SVG viewBox?

The viewBox defines the internal coordinate system used to scale and position the SVG artwork.

Why does my SVG look cropped?

The viewBox may not include the full artwork, or the exported paths may extend outside the coordinate system.

Is the SVG uploaded?

No. SVG preview and inspection run locally in your browser.