@AlexFlowint

Как правильно указать ссылку на svg спрайт через тег img или через свойство css background/background-image?

Сделал автоматизацию спрайтов c использованием gulp-svg-sprite.
Все работает прекрасно, если использовать данный способ:

<svg class="icon-name">
    <use xlink:href="./img/sprite-icons.svg#name" />
</svg>


на когда я хочу использовать спрайт через тег img:

<img src="./img/sprite-icons.svg#name" alt="" />

или через через css свойства background, background-image так:

.icon {
    background-image: url('./img/sprite-icons.svg#name')
}


то у меня не получается вывести иконку, но в консоли ошибок нет.

Подскажите как правильно пути прописывать в последних двух вариантах, или их так делать нельзя?
  • Вопрос задан
  • 580 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы