Icons flip after swapping an instance

Hi, i try to add icons to an instance, but icons flip every time and i have no idea what cause this problem!

This is difficult to figure out without more information. Could you share a design where this happens so that I can take a look at it?

Flipping will happen when a frame’s size is reduced beyond 0. If the frame that holds the icon is “crushed” vertically by paddings or whatever, it will not have enough space and invert its height.

1 Like

Select the main component of that ‘Delete color’ button, after that select icon in the button and press shift + V (it will make flip vertical)

1 Like

This is happening to me too. At first I thought the main component was set to rotate or flipped. But can now confirm its correct at the root, yet it still swaps flipped upside down. Copy and pasting the element into the file works fine. But will not work from an instance swap.

1 Like

I am having the issue but it horizanttaly flipped

I had the same issue, for me going to the component of the icon, cutting it, and pasting it again fixed the problem.

The same is happening to us, too.
The component is all correct at the root, and all icons are the same exact size, yet it still flips upside down when swapping icons.
We have workarounds, but we’re a big organization and we need the icons to work properly out of the box.

1 Like

The same happens in our company too now, icons flip themselves in buttons. Was the issue fixed by Figma?