SVGKit
← Browse all toolsSVG Metadata Viewer

SVG Metadata Viewer

View

Inspect SVG metadata, dimensions, viewBox, root attributes, IDs, classes, colors, and element counts.

Loading...

Page context

Where SVG Metadata Viewer fits

SVG Metadata Viewer shows the hidden structure of an SVG file: dimensions, viewBox, metadata, IDs, classes, colors, and element counts.

Related guides

What it reveals

The viewer reads the SVG DOM and summarizes root attributes, title, description, metadata blocks, IDs, classes, colors, and element counts.

Why it helps

Metadata inspection helps debug design exports, identify reusable IDs, find hard-coded colors, and understand file complexity.

Read-only diagnostics, computed locally your document Report elements · bytes · viewBox · ids exactly as parsed — nothing uploaded Diagnostics, not verdicts: judge findings where the SVG ships.
SVG Metadata Viewer reports metrics exactly as parsed in your browser — diagnostics to act on, not verdicts.
A document flowing into a metrics report with element, byte, and viewBox counts, illustrating the read-only diagnostics SVG Metadata Viewer provides.

What the inspector reports

SVG Metadata Viewer reads the document locally and reports the metrics relevant to this view — structure, values, and counts exactly as they exist in the file.

Reading the results

Treat the output as diagnostics rather than verdicts. Numbers describe the file; whether they matter depends on where the SVG ships and how it is consumed.

When the findings matter

They matter most at handoff: before publishing, before optimizing, and when a file from an unknown source needs a quick structural look.

Privacy

Inspection runs locally in your browser. The document is analyzed in the page and never uploaded.

How to use

  1. Paste SVG. Paste SVG markup or use the sample.
  2. Inspect sections. Review stats, metadata, IDs, classes, and colors.
  3. Copy report. Copy the JSON report if you need to share it.

Frequently asked questions

Can this edit metadata?
No. This viewer is read-only.
Does it show colors inside styles?
It detects common color values in attributes and inline text.
Is the report private?
Yes. The SVG is inspected in your browser.
Is SVG Metadata Viewer free?
Yes. SVGKit tools are free to use with no account required.
Does SVG Metadata Viewer upload my files?
No. The tool runs entirely in your browser, so your files never leave your device.
How accurate are the results?
They reflect the document exactly as parsed in your browser — the same engine that renders it.
Does it fix anything?
No. Inspection is read-only; pair it with the matching editor or optimizer tool to act on what you find.
Does it work on minified files?
Yes. Formatting does not affect parsing, so compact and pretty-printed files report the same.