Как использовать значок из спрайта .svg непосредственно в CSS/SCSS? ⇐ Html

[Гость]

Заказчик ругается и требует, чтобы к стандартам 2023 года я использовал все иконки внутри svg-файла. И значки как для фоновых изображений, так и для обычных иконок, которые можно менять.

Я использую svg-спрайт следующего формата:

Для использования в макете я использую следующий шаблон:

` ` Все вставляется отлично! Файл хранится отдельно, поэтому изображения достаю легко и просто. Но как насчет стилей? Как мне взять какую-нибудь похожую иконку и вставить ее в стили?

`

&-item__text { фон: url('../images/svg/symbol/sprite.svg#arrow-up-and-down') вверху слева/обложке не повторять, $темно-синий; высота: 100%; } `

Сейчас прописываю следующее, но оно не работает! Я не могу найти правильный ответ в Интернете, а мой начальник злится все больше и больше. Помогите!