Design & Assets

SVG to Base64

Convert SVG markup into Base64 and data URI output.

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