# Используйте пользовательские иконки с currentColor

**URL:** https://meta.discourse.org/t/use-custom-icons-with-curentcolor/198704
**Category:** Support
**Created:** [30.Июль.2021 15:22:43 UTC](https://meta.discourse.org/t/use-custom-icons-with-curentcolor/198704 "2021-07-30T15:22:43Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [30.Июль.2021 15:22:44 UTC](https://meta.discourse.org/t/use-custom-icons-with-curentcolor/198704/1 "2021-07-30T15:22:44Z")

</div>

Я хочу отображать пользовательские иконки в теме, где по умолчанию иконок нет. В целом это работает нормально, но я не могу использовать currentColor для параметра fill.

Так что это работает:  
`&::before {content: svg-uri('<svg fill="red" ...`

![Screenshot from 2021-07-30 16-20-34](https://global.discourse-cdn.com/meta/original/3X/3/7/3771ae4b629176245a8d2d0a25af61c9efa2bba8.png)

Но это не работает, иконка просто становится чёрной по умолчанию:  
`&::before {content: svg-uri('<svg fill="currentColor" ...`

![Screenshot from 2021-07-30 16-21-09](https://global.discourse-cdn.com/meta/original/3X/f/d/fd832238b34b0e3d4436c97a5f657c7983952b0b.png)

Кто-нибудь уже сталкивался с этим? Не уверен, что упустил..

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [30.Июль.2021 15:29:36 UTC](https://meta.discourse.org/t/use-custom-icons-with-curentcolor/198704/2 "2021-07-30T15:29:36Z")

</div>

Насколько мне известно, `currentColor` не будет работать с SVG, встроенными через CSS; к сожалению, цвета необходимо прописать жёстко в самом SVG. Один из обходных путей, который я ранее использовал для изменения цветов, — это [CSS-фильтры](https://developer.mozilla.org/ru/docs/Web/CSS/filter), но у них тоже есть недостатки.

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [30.Июль.2021 15:40:06 UTC](https://meta.discourse.org/t/use-custom-icons-with-curentcolor/198704/3 "2021-07-30T15:40:06Z")

</div>

Ага, спасибо @awesomerobot! Получается, что единственный подход, который также поддерживает разные цветовые схемы, — это размещение иконок прямо в разметке?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [30.Июль.2021 17:38:04 UTC](https://meta.discourse.org/t/use-custom-icons-with-curentcolor/198704/4 "2021-07-30T17:38:04Z")

</div>

Да, к сожалению! Я бы хотел, чтобы в CSS был более удобный способ, так как это иногда самый простой вариант добавить декоративную иконку в нужное место.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [29.Август.2021 17:38:12 UTC](https://meta.discourse.org/t/use-custom-icons-with-curentcolor/198704/5 "2021-08-29T17:38:12Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.