Hello everyone,

when changing the state of an instance of a button component with icons, the icons’ color does not change. Also, when switching the icon component within the button with another icon component it does not maintain the button component state’s color, but instead shows the icon components color.

I do want the icons to keep the color of the button’s state though. I tried many of the forum’s hints, but none worked out for me.

Here is what I did:

I used the Material Symbol plugin to pick icons. Then, I created individual components of each icon. Next, I used the Icon Resizer plugin to resize them as variants. Then, I created a buttoncomponent with icons and text with variants of different sizes, states (default, hover, selected) and hierarchies (primary, secondary, ...) as the button component’s properties. I nested the icons to the left and right of the text in the button.

When using the Icon Resizer plugin a double instance is created and the original icon renamed as .root-icon. However, when I deleted this additionally created instance with some test icons, it did not solve the issue.

Does anyone have a clue how to fix it? I am close to giving up ^^

Cheers Lukas