Я хочу отображать пользовательские иконки в теме, где по умолчанию иконок нет. В целом это работает нормально, но я не могу использовать currentColor для параметра fill.
Так что это работает:
&::before {content: svg-uri('<svg fill="red" ...
Но это не работает, иконка просто становится чёрной по умолчанию:
&::before {content: svg-uri('<svg fill="currentColor" ...
Кто-нибудь уже сталкивался с этим? Не уверен, что упустил..
Насколько мне известно, currentColor не будет работать с SVG, встроенными через CSS; к сожалению, цвета необходимо прописать жёстко в самом SVG. Один из обходных путей, который я ранее использовал для изменения цветов, — это CSS-фильтры, но у них тоже есть недостатки.
Ага, спасибо @awesomerobot! Получается, что единственный подход, который также поддерживает разные цветовые схемы, — это размещение иконок прямо в разметке?
Да, к сожалению! Я бы хотел, чтобы в CSS был более удобный способ, так как это иногда самый простой вариант добавить декоративную иконку в нужное место.