SVG можно использовать в CSS через data URI, но вставку незакодированного SVG поддерживают только браузеры на Webkit. Если закодировать SVG с помощью encodeURIComponent() — SVG начинает отображаться во всех современных браузерах.

У тега SVG обязательно должен быть атрибут xmlns, вот такой: xmlns='http://www.w3.org/2000/svg'. Если его нет, он будет добавлен автоматически.

Закодированный SVG можно использовать в background, в border-image или в mask.

URL-encoder для SVG

Вставьте код SVG:

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

CSS background-image:

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX