SVG to URL

Converts SVGs to Data URLs

Input

Output

Wrap text

Mode: URL String Background image Boilerplate

Preview:

Some of my favorite tools give the option to copy an SVG as the HTML element. This works for most applications, but breaks if I want to use it in CSS. To remedy this, this tool allows the conversion of that SVG element into a Data URL for use as a background image or just in general.

Additional Resources

Lucide set of matching simple icons
Iconify search page for (basically) all icon packs at once
SVG Repo search page for lots of vector images