Как добавить изображение из svg спрайта через background?

Question

[alexeeey_kuznetsov]

Использую для 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. Но у меня пусто.
Может чего то не учёл.
Заранее спасибо за ответ!

Comments

[xdevelx]

Вы делаете спрайт с mode symbol, а надо stack

[alexeeey_kuznetsov]

xdevelx, это настройки для спрайта в галпе?

[xdevelx]

alexeeey_kuznetsov, Да https://github.com/jkphl/gulp-svg-sprite/blob/mast...
https://github.com/jkphl/svg-sprite#output-modes

[Ankhena]

Возможно ли иконку svg из спрайта symbol задать фоном в css?