How to insert svg directly into css?

Question

css

They asked me to insert svg into the background not as a url, but as an svg object, so that it would be cached and I got stuck, I didn’t hear about such a possibility at all, less is used. I can't google, can you tell me something here?

Answer 1

yoksel.github.io/url-encoder/ru

Answer 2

For example, like this:

.bg {
  background: url('data:image/svg+xml;utf8,<svg ...> ... </svg>');
}