Skip to main content

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.

image


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.

image


image


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.

Thanks Gleb, that worked!

Thank you so much! I had the same issue and this fixed it instantly!

Terms & ConditionsCookie settings