# New Icon Sets — Set Color Phosphor Fill

**URL:** <https://community.weweb.io/t/new-icon-sets-set-color-phosphor-fill/17595>\
**Category:** How do I?\
**Tags:** design\
**Created:** [April 3, 2025, 2:42pm UTC](https://community.weweb.io/t/new-icon-sets-set-color-phosphor-fill/17595 "2025-04-03T14:42:56Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![archenia\_jsanchez](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/archenia_jsanchez/32/8656_2.png) [@archenia\_jsanchez](https://community.weweb.io/u/archenia_jsanchez)\
**Post date:** [April 3, 2025, 2:42pm UTC](https://community.weweb.io/t/new-icon-sets-set-color-phosphor-fill/17595/1 "2025-04-03T14:42:56Z")

</div>

I couldnt find anything that explicitly asked this question. I’m in the process of deprecating the old icons in favor of the new ones. I’ve added the available Phosphor icons (specifically the regular and fill). I can’t figure out how to set the color for the fill icons—they remain #000000 no matter what I do. What am I doing wrong?

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/0ab72e26d9a93f791ec7a0d50853d51f7e4bb5ad.png)

Figure 1. Component showing the color applied to the icons.

 ![Screenshot 2025-04-03 at 10.40.43 AM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8d7f376a5215ebb6758310e47032ab69fc6f6ffd.jpeg)

Figure 2. Instance of the component with the fill icon selected, rendering in black.

 ![Screenshot 2025-04-03 at 10.41.13 AM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/daf9d02e74bf4c4ebb7fedffa544cd927ecb70c2.jpeg)

---

<div class="post-metadata">

**Author:** ![joseph](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joseph/32/11340_2.png) [@joseph](https://community.weweb.io/u/joseph)\
**Post date:** [April 3, 2025, 2:52pm UTC](https://community.weweb.io/t/new-icon-sets-set-color-phosphor-fill/17595/2 "2025-04-03T14:52:32Z")

</div>

I saw the same and assumed it was still in error on WeWeb side, but I moved to Material Icons in the meantime.

Also note that someone posted you can use CSS fill. I just chose not to do that since I’ll likely revisit my design in the future.

> [@high\_voltage Easier and faster way to import icons](https://community.weweb.io/t/easier-and-faster-way-to-import-icons/17172/20):
>
> Why doesn’t the color selection for the phosphor fill icons work? I used the libaray from WeWeb.

---

<div class="post-metadata">

**Author:** ![archenia\_jsanchez](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/archenia_jsanchez/32/8656_2.png) [@archenia\_jsanchez](https://community.weweb.io/u/archenia_jsanchez)\
**Post date:** [April 3, 2025, 2:59pm UTC](https://community.weweb.io/t/new-icon-sets-set-color-phosphor-fill/17595/3 "2025-04-03T14:59:38Z")

</div>

Thanks @joseph for sharing that other thread. Super helpful.

---

<div class="post-metadata">

**Author:** ![joseph](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joseph/32/11340_2.png) [@joseph](https://community.weweb.io/u/joseph)\
**Post date:** [April 3, 2025, 10:19pm UTC](https://community.weweb.io/t/new-icon-sets-set-color-phosphor-fill/17595/4 "2025-04-03T22:19:13Z")

</div>

Ha, did I speak too soon, or are WeWeb developers just too quick? Adding color to Phosphor icons is working for me now.

Thanks, everyone.

---

<div class="post-metadata">

**Author:** ![archenia\_jsanchez](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/archenia_jsanchez/32/8656_2.png) [@archenia\_jsanchez](https://community.weweb.io/u/archenia_jsanchez)\
**Post date:** [April 14, 2025, 6:49pm UTC](https://community.weweb.io/t/new-icon-sets-set-color-phosphor-fill/17595/5 "2025-04-14T18:49:31Z")

</div>

Any thoughts here? This is Phosphor Bold—the dot on the question mark remainds #000 in both the default and hover states.

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/a/a69fd474d901b40b8e85a0ad61cef630a268bdf5.png)