Icon color doesn't override using a nested icon-wrapper

Ask the community
1

I’m trying to nest an icon-wrapper in a button with multiple states, however when i’m swapping my icons the variant color doesn’t override the icon color.

I’ve been using nested icon instance swaps in variants without any problems, however if i’m applying the icon-wrapper method to my icons, the color change doesn’t happen.

As an example: I have a button with 2 states. If i add an icon and instance swap, it works no problem. If i replace the icon with an icon-wrapper (to accommodate for different icon sizes), when changing component variants, the variant color doesn’t override the icon color.

nestedinstance
nestedinstance1060×616 63.9 KB

I’ve been following the naming and structure conventions for the icons (same # of layers and all named “vector”).

Has anyone experimented with this?

1 Like
2

I’m bumping this because curious :smiley:

3

I am having this exact same issue, wondering if anyone was able to resolve this?

4

Hey there, sorry to hear this is happening. Please reach out to the support team directly via this form for help: https://help.figma.com/hc/en-us/requests/new

Be sure to use your Figma account email, include a link to the file, and share it with support-share@figma.com so they can take a closer look.