SVG ⇄ CSS Converter

Convert SVG code into CSS background-image or mask-image properties. Fast, optimized, and ready for your stylesheets.

SVG Source

CSS Output

Use as Mask (Allows coloring via color)

Basic Optimization

Performance

Inline SVG in CSS reduces HTTP requests and keeps your assets bundled with your styles.

Flexibility

Masking allows you to change the color of your SVG icons using the standard CSS color or background-color properties.