Advertisements

header • up to 320x100 / 728x90

Base64 to SVG Converter

Decode a Base64 SVG data URL back into the original XML and preview it safely in the browser

Base64 to SVG Converter
Paste a Base64-encoded SVG and decode it back to safe, readable XML markup.

Produces plain SVG text for copy or download.

Advertisements

content bottom • up to 300x250

What is Base64 to SVG Converter

Last reviewed:

Base64 is a binary-to-text encoding that represents arbitrary data using 64 printable ASCII characters, commonly used to embed binary blobs in JSON, URLs, and emails.

SVG is an XML-based vector format. Base64-encoded SVGs are common in CSS `background-image` rules and email templates; decoding restores the original XML so you can edit or inspect it.

Base64 to SVG Converter takes a data URL (`data:image/svg+xml;base64,…`) or raw Base64, decodes the bytes as UTF-8, and gives you the XML markup and a downloadable .svg file.

Why use it

  • Inspect or edit an SVG that is embedded as Base64 inside stylesheets or emails.
  • Extract icons from design systems that ship their sprite as a Base64 payload.
  • Share the original vector markup instead of the encoded blob.
  • 100% browser-based — nothing is uploaded.

Features

  • UTF-8 XML output
  • Downloadable .svg
  • Rendered SVG preview before download
  • SVG decoded on-device
  • Handles data URL or raw Base64
  • Whitespace-tolerant input

How to use Base64 to SVG Converter

  1. Paste Base64. Paste a `data:image/svg+xml;base64,…` string or raw Base64.
  2. Decode. Click Decode to SVG — the XML markup is rendered in the preview.
  3. Download. Click Download SVG to save a .svg file.

Example (before/after)

Base64 data URL

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjciIGZpbGw9IiMzYjgyZjYiLz48L3N2Zz4=

Decoded SVG markup

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><circle cx="8" cy="8" r="7" fill="#3b82f6"/></svg>

Common errors

Input is URL-encoded, not Base64

Some inline SVGs use `data:image/svg+xml;utf8,…` which is URL-encoded, not Base64.

Fix: Strip the `data:image/svg+xml;utf8,` prefix and URL-decode it separately — this tool handles Base64 only.

Scripts inside the SVG

Decoded SVG may contain `<script>` blocks. Most browsers disable scripts in images, but be careful when pasting untrusted SVG into a DOM.

Fix: Inspect the decoded markup before inlining it into your page, and consider running it through an SVG sanitizer.

FAQ

Does it produce plain XML?

Yes. The output is UTF-8 text that you can paste directly into a .svg file or an `<svg>` tag.

Is my data uploaded?

No. Decoding happens in your browser.

Can I decode the URL-encoded SVG form?

No — this tool decodes Base64 only. Use a URL decoder for the `…;utf8,…` variant.

Are scripts in the SVG sanitized?

No — decoding is byte-for-byte. Always sanitize untrusted SVG before inlining it.

Related tools

Related decoders and vector tools: You can also browse the full Image Tools category for more options.

SVG to Base64 Converter

Encode SVG vector images as Base64 data URLs so you can paste them directly into CSS background-image or HTML

SVG Minifier

Minify SVG markup by removing comments, extra whitespace, and redundant decimal precision

Base64 to Image Converter

Paste any Base64 data URL or raw Base64 string, auto-detect the MIME type, and preview plus download the image

Base64 Encoder/Decoder

Encode or decode Base64 strings

XML Formatter

Format and beautify XML documents online with proper indentation and line breaks. Validate XML syntax while formatting for clean, readable markup.

XML Minifier

Minify XML documents by removing whitespace, comments, and redundant formatting. Reduce XML payload size for faster API responses and data transfers.

Resize Image

Resize any image to exact pixel dimensions or a percentage, with optional aspect-ratio lock and instant PNG/JPG export

Image to Base64

Convert local image files into Base64 text ready to paste into email, JSON payloads, or data URLs

Base64 to GIF Converter

Decode a Base64 string back into a GIF image — keep animation when possible or export the first frame

Base64 to JPG Converter

Decode a Base64 data URL or string and download it as a JPG image — all client-side

Base64 to PNG Converter

Decode Base64 images to PNG with transparency preserved and download the result — all in your browser

Base64 to WebP Converter

Re-encode a Base64 image into modern WebP output with quality control and client-side download