SVG to CSS Background

Convert raw SVG code into URL-encoded CSS for your background-image properties.

Ad PlacementSet NEXT_PUBLIC_ADSENSE_ID to activate

Paste Raw SVG Code

CSS Output

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%0A  %3Ccircle cx='50' cy='50' r='40' fill='%23f97316' /%3E%0A%3C/svg%3E");

Live CSS Background Preview

Loading...

Preparing your workspace