An icon doesn't change color when making an instance swap with the new component properties

[tank666]

You looked at the file and prototype from this post: Vector fill color (nested component) doesn’t change back to the one specified in the default variant after interaction - #12 by tank666? Is it not working for you?

This is very strange, because the union trick always works almost without problems.

@Janki_Maradia

Can you help out with other solutions?

See the following:

@Bao_Tran

Hi guys,
in my case, i used the vector icon as a mask then put a solid rectangle color on top. That’s it! It works perfectly with nested components.

Vector fill color (nested component) doesn't change back to the one specified in the default variant after interaction

My findings around the topic - Component Properties & Variants Bug - #60 by Pavel_Kiselev Few conclusions icons can be complex, no need to use ugly hacks, however the visual attributes should be set on a top level union or substract layer naming is important each state should override the attributes you are aiming for