Everyday Documents

Home|Tools

SVG to Base64

Convert SVG images to base64.

SVG Input

Input

Output

Base64
Img
CSS

Uncompressed

SVG Img
SVG CSS

Instructions

How to use the conversion tool

  • Step 1: Paste your SVG code to the input textarea.
  • Step 2: Press Load SVG to load the image. The image will be displayed in the output section to verify the SVG code is working correctly.
  • Step 3: Copy the base64 data using the copy icon beneath the output textarea.
  • Step 4: Uncompressed image data is also available.

Tips

  • To increase the image resolution change the svg width and height: width="480" height="480" viewBox="0 0 48 48"
  • Use our Svg to Image tool to convert SVG images to png, wepb & jpg image files.

More information

Privacy

  • For privacy, images are not loaded to a server. All conversions are done locally on your device.

Resources

  1. Google Fonts: Material Icons
  2. CSS Tricks: Probably Don't Base64 SVG