Design & Assets

SVG to Base64

Convert SVG markup into Base64 and data URI output.

More Design & Assets

Input

SVG to Base64

svgbase64data uriconverter

Output

SVG encoded to Base64

Base64
PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAgODAiPgogIDxyZWN0IHdpZHRoPSIxNjAiIGhlaWdodD0iODAiIHJ4PSIxOCIgZmlsbD0iIzBmMTcyYSIgLz4KICA8Y2lyY2xlIGN4PSI0MiIgY3k9IjQwIiByPSIxOCIgZmlsbD0iIzM4YmRmOCIgLz4KICA8cGF0aCBkPSJNNzIgMjZoNTJNNzIgNDBoNDBNNzIgNTRoMzIiIHN0cm9rZT0iI2UyZThmMCIgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+Cjwvc3ZnPg==

Data URI
data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAgODAiPgogIDxyZWN0IHdpZHRoPSIxNjAiIGhlaWdodD0iODAiIHJ4PSIxOCIgZmlsbD0iIzBmMTcyYSIgLz4KICA8Y2lyY2xlIGN4PSI0MiIgY3k9IjQwIiByPSIxOCIgZmlsbD0iIzM4YmRmOCIgLz4KICA8cGF0aCBkPSJNNzIgMjZoNTJNNzIgNDBoNDBNNzIgNTRoMzIiIHN0cm9rZT0iI2UyZThmMCIgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+Cjwvc3ZnPg==

SVG preview

Live canvas

Related tools

SVG to Data URI

Convert SVG markup into a CSS-ready data URI.

SVG Optimizer

Strip comments and collapse whitespace in SVG markup.

Favicon Generator

Create a simple SVG favicon from initials and brand colors.

SVG Formatter

Format SVG markup with consistent indentation.

SVG Viewer

Preview raw SVG markup directly in the browser.

Color Converter

Convert between HEX, RGB, and HSL color formats.