Base64 to SVG Converter

Paste the Base64 and get the .svg file back. Vector source stays editable text, so opening the result in an editor gives you the paths, groups and attributes intact rather than a flattened image.

b64file — converter · local

Processed as you paste — no button to press (Ctrl+Enter converts now / Esc clears)

Paste, drag and drop, or Ctrl+V a screenshot

[01]

Where Base64 SVG turns up

  • Inline icons and logos — SVG embedded in CSS or HTML to remove a request
  • Generated charts — reports that render a vector chart and ship it as a string
  • Asset pipelines — icons bundled into a JSON theme file
[02]

What you can do with the restored file

An SVG is text, so once restored you can diff it, edit it by hand, run it through an optimiser, or paste it back inline. That is the practical difference from a raster image: the source remains inspectable.

[03]

Recognition relies on the declaration, not the extension

An SVG payload normally begins with <svg or an XML declaration, and the data: prefix often reads data:image/svg+xml;base64,. Note that the prefix value can be SVG while the bytes are something else entirely if the producer mislabelled it — the header check catches that.

Frequently asked questions

Can it handle inline SVG markup that is not Base64?

That markup is already text, so no decoding is needed — paste it into an editor directly. This page is for the Base64-encoded form.

Do external images and fonts referenced by the SVG come along?

No. Only the SVG file itself is inside the Base64 payload; anything it links to stays external. A vector that renders correctly elsewhere but looks broken standalone is usually missing those referenced assets.

Why does my restored SVG show as mojibake?

The bytes probably were not an SVG at all — the data: prefix said svg while the content was something else. Check the detected type reported by the tool.

Related tools and guides