SVG to Base64 & Data URI Converter — License & Cost?

Free, No Watermark, No Sign-up · RFC 3986 mini-svg-data-uri + UTF-8 Base64 Encoder

SVG to Base64 & Data URI Converter

Encode SVG files or raw SVG markup into compact UTF-8 Data URIs, Base64 strings, CSS background-image rules, and HTML img tags with instant byte-size comparison.

Upload SVGOr paste / edit SVG markup directly below

SVG Source Markup

Compact UTF-8 Data URI (Recommended) (299 B)

data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='64' viewBox='0 0 128 64'%3E%3Crect x='16.12' y='12.57' width='96' height='40' rx='8' fill='%23008577' stroke='%23004d40' stroke-width='2'/%3E%3Ccircle cx='44.89' cy='32.44' r='10.25' fill='%23ffffff'/%3E%3C/svg%3E

Base64 Data URI (366 B)

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCAxMjggNjQiPjxyZWN0IHg9IjE2LjEyIiB5PSIxMi41NyIgd2lkdGg9Ijk2IiBoZWlnaHQ9IjQwIiByeD0iOCIgZmlsbD0iIzAwODU3NyIgc3Ryb2tlPSIjMDA0ZDQwIiBzdHJva2Utd2lkdGg9IjIiLz48Y2lyY2xlIGN4PSI0NC44OSIgY3k9IjMyLjQ0IiByPSIxMC4yNSIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==

CSS background-image

background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='64' viewBox='0 0 128 64'%3E%3Crect x='16.12' y='12.57' width='96' height='40' rx='8' fill='%23008577' stroke='%23004d40' stroke-width='2'/%3E%3Ccircle cx='44.89' cy='32.44' r='10.25' fill='%23ffffff'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;

HTML <img> Tag

<img src="data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='64' viewBox='0 0 128 64'%3E%3Crect x='16.12' y='12.57' width='96' height='40' rx='8' fill='%23008577' stroke='%23004d40' stroke-width='2'/%3E%3Ccircle cx='44.89' cy='32.44' r='10.25' fill='%23ffffff'/%3E%3C/svg%3E" alt="SVG Icon" />

Technical Specifications & Local Privacy

Processing: 100% Client-Side In-Browser (No Upload)
Core Engine: RFC 3986 mini-svg-data-uri + UTF-8 Base64 Encoder
License & Cost: Free, No Watermark, No Sign-up

Frequently Asked Questions

Encode SVG files or raw SVG markup into compact UTF-8 Data URIs, Base64 strings, CSS background-image rules, and HTML img tags with instant byte-size comparison. (100% Client-Side In-Browser (No Upload))