Как поменять цвет у svg если он выводится через content: url?

Question

[ILS81]

Народ, подскажите, как правильно прописать цвет у SVG файла, когда он выводится через подобную конструкцию? Пробовал использовать fill, но не получается, может не так прописываю.

.info:before {
content: url(/wp-content/uploads/info.svg);
width: 35px;
height: 35px;
}

Comments

[Максим]

По моему не как
Только если выводить кодом или через use
Либо css фильтр

[Ankhena]

Выводить иконки через content крайне неудобно. В том числе не удобно и управление размерами.

Как можно поменять цвет:
1. Использовать иконку как mask, цвет меняется при помощи background-color
2. CSS фильтры (не очень легко для браузера)
3. SVG-стеки (не символьные спрайты, а стеки из svg). Внутри указываем цвет как currentColor или с помощью кастомных свойств CSS. Либо убираем fill из стека и задаем через CSS.
4. Инлайним SVG в разметку, меняем fill. Но стеки лучше.