I have an icon pack in which every icon has a variant with 24 and 16px sizes. When I use these icons in button components (with variants too) – they don’t change color according to the button variant style.
I know I have to color override my icons – they all have the same naming and structure. But it looks like Figma doesn’t recognize the same naming because of variants in the icon. Is there any chance to use variants in the icon and have the correct color change at the same time?
Solved!
Figma doesn’t keep the icon’s style if the icons have a different amount of variants for each icon. In my case, there were 3 variants in the star icon currently used in the button component, and two variants in the arrow icon components.
When I left only two variants in every icon – keeping styles starts to work properly.