Как использовать значок шрифта в качестве фонового изображения?

Question

1) Я знаю, что я могу использовать значок шрифта с помощью псевдоселекторов (до, после) и «содержимого», но это не масштабируемое решение, потому что мне нужно внести много изменений в padding, left, top и т. Д. В разные ситуации

2) Использование URI данных svg в порядке, но мне нужно изменить заливку/цвет svg на основе различных действий. Я попробовал свойство fill, но он не работает.

я могу изменить/изменить цвет внешнего, но у меня есть много вариаций и снова не масштабируется

---

на значок шрифты (например: FontAwesome) поставляются с файлами SVG для браузеров. Можно каким-то образом использовать этот файл в css (например, спрайты изображений)?

Answer 1

Если вы хотите изменить свойства SVG, его необходимо будет установить в линию. Таким образом, использование SVG в качестве фона и Изменение свойств не будет работать.

Библиотеки, подобные FontAwesome, дают font, а не svg, которые вы не можете установить в качестве фона.

Не знаю, как использовать psuedo-selectors: до и: после этого. На мой взгляд, они очень масштабируемы.

Если вы действительно хотите сделать это по-другому, вы должны поделиться с нами своим кодом, чтобы мы могли лучше понять, что вы пытаетесь сделать.