Описание:

Если SVG графика, например иконка, размещается на странице несколько раз, то удобнее и правильнее ее вставить через JS или CSS. Подробнее об этом можно прочитать в статье "Варианты установки SVG иконки".

Данный конвертер переводит SVG код в фоновую картинку на CSS. Для этого просто вставьте его код в нужное поле или загрузите с файла и нажмите кнопку "Конвертировать". В итоге у нас получится стиль background-image, который можно использовать так:

.my-icon {
   width: 64px;
   height: 64px;
   background-image: url("...");
   display: inline-block;
   vertical-align: middle;
}

Затем в нужном месте страницы вместо SVG картинки мы ставим:

<span class="my-icon"></span>

Смотрите также: