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?
Figure 1. Component showing the color applied to the icons.
Figure 2. Instance of the component with the fill icon selected, rendering in black.
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.
Thanks @joseph for sharing that other thread. Super helpful.
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.
Any thoughts here? This is Phosphor Bold—the dot on the question mark remainds #000 in both the default and hover states.
