SVG Encoder

Buy Me a Coffee

Convert SVG

Transform your SVG into URL-encoded or Base64 format for use in CSS, HTML, and more

Output

Encoding Type

URL Encoded

Base64

Encoded Output

CSS Background

background-image: url("");

Preview

Background

Transparent

Light

Dark

SVG preview will appear here

How to Use

Paste your SVG code directly into the text area or upload an SVG file
Choose your preferred encoding type (URL or Base64)
Copy the encoded output or CSS background code using the copy buttons
Use the preview section to see how your SVG looks with different backgrounds

The encoded SVG can be used directly in your HTML img src, CSS background-image, or anywhere else that accepts encoded SVG content.