Copied!
FOXYYY
SVG → CSS
foxyyy.com
LIGHT
SVG to CSS Background
Convert SVG markup to a CSS background-image data URI, or extract SVG from an existing CSS data URI.
SVG → CSS
CSS → SVG
SVG Input
Encoding:
URL-encode (smaller)
Base64
Repeat:
no-repeat
repeat
repeat-x
repeat-y
Size:
contain
cover
auto
100% 100%
50px 50px
Position:
center
top left
top right
bottom left
SVG:
Data URI:
CSS Output
COPY CSS
COPY DATA URI ONLY
Preview
CSS Data URI Input
Extracted SVG
COPY SVG
USE IN SVG → CSS
Preview