Если 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>
Конвертер с различными настройками для перевода изображений в рисунки точками