If you want to use an inline SVG as a CSS background, you need to use URL-encoder for SVG.
Here’s how to use it…
- Open your SVG file in a text editor (like notepad).
- Copy the whole SVG code.
- Paste the SVG code in the “Insert SVG” field (as shown above).
- Copy the code from “Ready for CSS” field.
- Paste it into your CSS file.