Convert Svg to Css Online

tool to convert svg images to css code, support converting svg inline to css quickly and easily.

Input Svg:
Example
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg>

Output Css:
Svg Preview

What can I do with the SVG to CSS converter?

You can select SVG files from your computer or paste SVG code to convert.

Convert SVG to CSS quickly and easily.

You can download the converted css file to your computer, or copy the result to use.

The tool works well on any browser and any operating system.

How does the tool work?

This tool will encode SVG to string, then attach to CSS background-image property