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.
I have the same exact problem and I don’t seem to find any way to fix it.
I am dealing with icons that have 24px and 16px size variants used in inputs and buttons, however the variants using the 24px icon change icon and apply color accordingly, but when we come to the smaller variants the color is not applying properly to the same icons.
Any ideas ?
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.