Использую для svg иконок спрайт, собираю галпом, в html вывожу таким образом:
<svg class="icon icon--mail">
<use xlink:href="img/sprite.svg#mail"></use>
</svg>
В css по классу обращаюсь, могу менять заливку и т.п. Стандарт. Всё работает.
Но при таком же выводе через background ничего не появляется. Например:
&__item {
position: relative;
&::after {
content: '';
display: inline-block;
width: 18px;
height: 12px;
background: url('/img/sprite.svg#mail') no-repeat;
}
}
По этой ссылке:
Используется аналогичный метод вывода иконок через bg. Но у меня пусто.
Может чего то не учёл.
Заранее спасибо за ответ!
