Skip to main content
Question

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


Irina_Gheorghe

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.

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

Has anyone experimented with this?

This topic has been closed for replies.

3 replies

Irina_Gheorghe

I’m bumping this because curious 😃


  • 1 reply
  • November 10, 2023

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


djv
Figmate
  • Community Support
  • 4779 replies
  • November 10, 2023

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.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings