Skip to main content

Base64 to SVG

Decode Base64 text back into SVG files.

1
Upload
2
Configure
3
Convert
4
Download

Tool guide

Free Online Base64 to SVG Decoder

Decode a raw Base64 SVG string or an image/svg+xml Base64 data URI into readable SVG markup. Preview the sanitized vector result, copy its code, or download it as a real .svg file.

Steps

How it works

  • Paste raw Base64 SVG text or a Base64 SVG data URI.
  • Click Decode SVG to decode the UTF-8 markup.
  • The tool validates and sanitizes the decoded SVG before showing a preview.
  • Copy the recovered code or download it as decoded.svg.

Highlights

Key features

  • Accepts standard raw Base64 and image/svg+xml;base64 data URI input.
  • Decodes UTF-8 SVG markup and validates the SVG root.
  • Removes scripts, foreignObject elements, event handlers, and JavaScript URLs from the decoded result.
  • Shows both a browser preview and readable SVG code.
  • Provides clipboard copy and a downloadable SVG file.

Use cases

Common uses

  • Recover SVG markup from a CSS or HTML data URI.
  • Inspect an SVG value received in an API or configuration payload.
  • Save an encoded vector asset as an .svg file.
  • Review Base64 SVG data before using it in a project.

Notes

Limitations to know

  • The input must decode to valid SVG markup; ordinary Base64 PNG or JPG data is not converted into vector paths.
  • The decoder supports standard Base64 and the expected SVG data URI prefix, not a dedicated URL-safe Base64 variant.
  • Invalid, incomplete, or non-SVG data cannot produce an output.
  • Decoding is not decryption and does not establish that the source is trustworthy.
  • Sanitization can remove active content, while external fonts and resources may still render differently or remain unavailable.

FAQ

Frequently asked questions

5 answers
Can this turn a Base64 PNG or JPG into SVG?

No. It only recovers SVG markup that was originally Base64-encoded; it does not trace raster images into vectors.

Can I paste a complete SVG data URI?

Yes. The decoder recognizes the standard data:image/svg+xml;base64, prefix as well as raw Base64 SVG text.

Why does my Base64 value fail to decode?

It may be incomplete, use unsupported encoding, or decode to content that is not valid SVG XML.

Are scripts kept in the decoded SVG?

No. Script and foreignObject elements, event handlers, and JavaScript URLs are removed during validation.

Can I copy or download the decoded SVG?

Yes. A valid result can be copied as markup or downloaded as decoded.svg.

Copied to clipboard