Figma Support Forum

Changing nested icon components not working

Hi everybody.

I’m creating a design system for my company. Now I have a set of Icons which I’ve turned into individual components.

I want to use these icons as interchangable components inside my buttons. These buttons are also components grouped together in variants.

When I try to switch the nested icons, they don’t change. The old icon stays the same.

I’ve also tried grouping the icons together in variants, that didn’t help either. I would love any help!!

This is happening because you rotated components with icons instead of rotating and flattening the vector arrows inside. Select all icons like on the first screenshot and set rotation to 0 in the right panel.

1 Like

Thanks Gleb, that worked!