SVG Viewer
Paste SVG markup or load a .svg file and see it rendered, with the details that matter: width and height, the viewBox, how many elements it contains, and its byte size. The image is drawn through an <img> from a blob URL rather than injected into the page, so any scripts an SVG might carry cannot run. Export it to PNG at the scale you choose, or read the formatted source. Everything happens in your browser — the file is never uploaded, so you can inspect icons, logos, and exported graphics privately.
How to use the SVG Viewer
Paste SVG markup into the box, or load a .svg file with the file picker. The graphic renders immediately, and a small panel reports its intrinsic width and height, the viewBox it declares, a count of the elements inside it, and the file size in bytes. If the SVG omits explicit dimensions, the size shown falls back to the viewBox or the natural size the browser computes.
Pick a PNG scale and press Download PNG to rasterize the vector at that multiple of its base size — useful for producing a 2× or 4× bitmap from a crisp source. The conversion draws the SVG onto an off-screen canvas and exports it, all in the browser. Press View source to read the markup formatted with one element per line, which makes it easy to scan attributes or spot an unexpected embedded script. Use Example to load a small sample if you just want to try the tool.
SVG: vector graphics for the web
SVG, Scalable Vector Graphics, describes an image as shapes and paths rather than a grid of pixels. A PNG or JPEG is raster: it stores a fixed array of colored dots, so enlarging it past its native resolution produces blur or blocky edges. An SVG stores instructions — draw a circle here, a path there, fill it this color — which the browser re-draws at whatever size is needed. That is why a logo or icon in SVG stays razor-sharp on a phone, a 4K monitor, or a printed page from a single small file, and why SVG is the right format for anything geometric: icons, logos, charts, diagrams, and line art. Photographs, with their continuous tone, remain a job for raster formats.
The viewBox is the heart of how SVG scales. It defines an internal coordinate system — for example viewBox="0 0 24 24" sets up a 24-by-24 canvas — and all the shapes are positioned within those units. The element's displayed width and height then map that coordinate space onto the page, stretching or shrinking it to fit. Because the geometry is expressed in abstract units rather than pixels, the same markup renders at any physical size without loss. Reading the viewBox alongside the declared dimensions tells you the aspect ratio the artwork was authored at and how it will behave when resized.
One thing to respect about SVG is that it is not just a picture — it is XML, and the spec allows it to contain <script> elements and event handlers. An SVG opened inline in a page can therefore execute code, which makes accepting SVG uploads a genuine security concern. This viewer sidesteps that entirely by rendering through an <img> element pointed at a blob URL of the markup. Browsers do not run scripts in SVGs loaded as images, so the graphic displays while any embedded code stays inert. Combined with the fact that nothing is uploaded, you can safely inspect an SVG from an unknown source on your own machine.
Common use cases
- Checking an icon or logo. Render an SVG and confirm its viewBox and dimensions before using it.
- Exporting a PNG. Produce a crisp 2× or 4× bitmap from a vector source for places that need raster images.
- Inspecting unknown SVGs. Safely preview a file from an untrusted source without letting embedded scripts run.
- Reading the markup. View the formatted source to scan attributes or find an embedded script.
- Private review. Examine a brand asset or exported graphic locally instead of uploading it to a converter.