Как вставить svg в CSS

Можно вставить SVG в CSS с помощью свойства background-image. Для этого нужно указать путь к файлу SVG в качестве значения этого свойства:

.selector {
  background-image: url('path/to/image.svg');
}

Также можно вставить SVG напрямую в CSS с помощью кода SVG, заключенного в кавычки:

.selector {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100rect x="0" y="0" width="100" height="100" fill="red"/></svg>');
}

В этом примере мы создаем SVG-изображение с красным прямоугольником и вставляем его в CSS с помощью кода SVG, закодированного в формате base64. Важно, чтобы код SVG был заключен в тегsvg>и имел правильный атрибутxmlns`.