This tool converts SVG code into a Data URI, an encoded URL format that can be used as a background-image source. In plain terms, you can place this converted SVG code directly into CSS and avoid the need for uploading image files, cutting down on the number of server requests.
Go faster: copy-paste graphics right into your CSS Get freebies
Insert your SVG code below:
Tips below for better output.
When using the tool above to convert SVG code to Data URI, follow these tips for best results.
Hey, I'm Matt , the creator behind SVG Backgrounds. I produce free and paid resources every month, sign up for alerts.