While hovering, Figma replaces the current icon with the original symbol

Today, I received my invite to use Interactive components.

But, i created a simple button with a left plus icon.

And, on my interface I replaced plus icon to play icon, for example. When I hovering this button with play icon, it returns to original icon that is plus icon.

Group 1

Help us! :smiley:

1 Like

Could you share a link to your file?

What link? Prototype link with this interactions? If so:

Thanks! I looked at your file and noticed that you are using a variant icon component. It turns out that the Default Button and Hover Button have different icons (one component, but different variants). Apparently because of this, there is a discrepancy.

You can try to place the same icon in your variants (so that the Default and Hover have, for example, the Dark Plus icon), and check the prototype.

And by the way, a Figma note:

https://help.figma.com/hc/en-us/articles/360056440594-Create-and-use-variants

2 Likes


Actually, the problem is right here.

2 Likes

Thanks, you just saved me from a massive headache! Thought I was going to have to split all my icons out into different components for a moment there.