Кодировка SVG для подключения в CSS

Кодировка SVG для подключения в CSS

Внешние кавычки: /

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

Возьмите закодированный:

Готовый CSS для фона:

Превью:

Фон:

Код SVG файла можно использовать в стилях CSS через data URI, незакодированный SVG поддерживают только Интернет браузеры на Webkit. Если закодировать данные SVG - он начинает без проблем отображаться во всех современных браузерах.

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

Закодированный SVG можно использовать в CCS стилях: background и border-image

Пример CSS: