SVG Preview & Base64
Preview SVG files in your browser and convert them to Base64 or data URIs for CSS, HTML, and apps.
Select a file or paste SVG to preview here
Base64 & Data URI
Base64 and data URIs appear here after you load an SVG
All processing happens in your browser — your files never leave your device.
How to use
Preview icons and illustrations before embedding them, then copy Base64 or data URIs without leaving your browser.
- Select an SVG file, drag and drop it (desktop), or paste SVG source code.
- Check the render on checker, white, or dark backgrounds and adjust zoom.
- Copy raw Base64, a Base64 data URI, or a URL-encoded data URI for your project.
Frequently Asked Questions
How does the SVG preview work?
Your SVG is loaded as a safe blob URL and shown in an image element — no server upload and no raw HTML injection.
Which Base64 format should I use?
Use raw Base64 when an API expects only the encoded string. Use data:image/svg+xml;base64,... in img src or CSS url(). URL-encoded data URIs work well for small icons in HTML.
Is my SVG uploaded?
No. Preview and encoding run locally in your browser.
What is the file size limit?
Single SVG files up to 5 MB. For batch compression, use our SVG Optimizer tool.