SVG можно использовать в CSS через data URI, но вставку незакодированного SVG поддерживают только браузеры на Webkit. Если закодировать SVG с помощью encodeURIComponent()
--- SVG начинает отображаться во всех современных браузерах.
У тега SVG обязательно должен быть атрибут xmlns, вот такой: **xmlns='http://www.w3.org/2000/svg'**
. Если его нет, он будет добавлен автоматически.
Закодированный SVG можно использовать в background
, в border-image
или в mask
.
Оригинальный проект - источник вдохновения.