Enhancing Icon Color Changes in Hover State for Buttons

In my design library, I’ve created an Icon set as a component, allowing me to switch icons through properties. I then utilized this set of icons within my buttons.
One particular button set includes a hover effect that fills the background with the color of the strokes from its default state. However, a problem arises when I use a button and switch the icon from my set; in the hover state, the icon color remains unchanged.

:thinking:How can I enable the icon to change its color in this scenario?


Hey @Kima, sorry to hear you’re having trouble with this!

It’s hard to be sure of what’s causing the issue. Are you able to share your file, so we can take a closer look?

1 Like

Hi @dvaliao , thank you for your fast reply.
This is the Figma link, you can check the buttons I’ve made, and as I said before when I change the icon from properties , it stops getting white while hovering.

Hi @dvaliao
Any new? Have you seen the file?

Sorry for the delayed reply, @Kima!

We can’t seem to access the file. Please send it over to the support team directly here: https://help.figma.com/hc/en-us/requests/new using your Figma account email, including the link to the file, and be sure to share it with support-share@figma.com.

And Here is the soultion >> https://www.youtube.com/watch?v=98uovRi3qMY&t=177s