Как обратиться к svg в спрайте с помощью background-image?

Question

[Vladislav]

В спрайте у меня лежит несколько свг со своими id, как получить его через background-image?

Comments

[RAX7]

https://css-tricks.com/svg-fragment-identifiers-work/

Answer 1

[Evgeniy]

background-image: url('../img/sprite.svg#ID');

Comments

[Vladislav]

Evgeniy путь то получил, но сам svg не отображается, даже если ее открыть через Open in new tab, а если открыть ее в нвоом окне через open in new tab там в консоли вот такие 2 ошибки у какжой иконке

[Evgeniy]

Vladislav, нужно посмотреть таск как собирается спрайт.. и через какой плагин, часто размеры svg удаляются, и для каждой картинки нужно прописывать заново в css, если навести на элемент может показываться 0*0рх размеры.. Также можно посмотреть сам файл спрайта, если он открывается просто белой страницей, надо глянуть код, как разделено каждое изображение.. если в коде увидишь своё изображение, попробуй задать этому id , stroke: black; или fill: black; будет ли там что-то отображаться

[Vladislav]

Evgeniy, в спрайте сохраняются высота и ширина

[Evgeniy]

Vladislav, галп вебпак? скинь спрайт dropmefiles.com