Convert SVG to background-image and CSS url

Convert your SVG files into CSS url (data URIs) by encoding it. Ready to be used in background images, list bullets, on the 'content' property of pseudo-elements, and more.

Your SVG:

Encoded SVG (CSS url):

Preview:

Introducing CSS Pro

A re-imagined Devtools for web design.

Learn more →

CSS Pro's logo

toast.log

Find out your website's bugs before your customers do.

Learn more →

toast.log's logo

Have you seen CSS Scan?

The fastest and easiest way to check and copy CSS.

Learn more →

CSS Scan's logo

AI Logo Art

Transform your logos into stunning art with AI.

Learn more →

AI Logo Art's logo

Beautiful box-shadow examples

90+ free beautiful CSS box-shadow, ready to use, click to copy.

Learn more →

CSS box-shadow examples logo

Beautiful buttons examples

90+ free beautiful CSS buttons, ready to use, click to copy.

Learn more →

CSS buttons examples logo

Beautiful checkboxes examples

60+ free beautiful CSS checkboxes, ready to use, click to copy.

Learn more →

CSS checkboxes examples logo

CSS shapes examples

Triangles, bubbles, etc. 50+ free CSS shapes, click to copy.

Learn more →

CSS shapes examples logo