Swap icon instance without stretching

owilliams · March 25, 2022, 1:51pm

I have my icons as components. When using icons inside of button components, I want to be able to switch instances. Currently when I do this the icons get stretched unless they happen to be the exact same dimensions. How do I prevent this from happening?

Younes_Yesman · April 30, 2022, 1:29pm

Hey,

I’m facing the same problem … Did you find a solution ?

Thanks.

alexander.beck · April 30, 2022, 4:54pm

Have you tried dragging the icon onto the button whilst holding the „command“ button (on a Mac)?

Or the equivalent button on a PC? (probably „STR“)?

Haroll · May 1, 2022, 8:59am

Hello @owilliams

I had the same propblem earlier in 22: having some icons larger than others. My solution was to wrap every icon into a auto layout:

Fixed width
Fixed height
Alignement: center both verticaly and horizontaly

So when icons are used in another component (a button in your case) the icon will keep the same size; as its container.

Let me know if that works for you

Sina_Kheiri · February 18, 2023, 5:18pm

Thanks so much for your solution. It works; much appreciated!