Add an Auto Layout container for the icon instance with “Hug content” settings, and set the icon instance to “Fixed width” and “Fixed height”.

I’ve already tried that but unfortunately, that doesn’t work either.

The icon still keeps the original components size values.

It seems the width and height cannot be changed as an override.

It’s possible. Could you share a link to the file?

You can also use the forum search where icon resizing is discussed and where you can find sample files.

Here is an example file with variants:

Ohhhhhh! 🤯 The icon component itself must be set as an auto-layout container!

I only tried it with a surrounding auto-layout frame inside the button where I placed icon components inside.

Now it works – thank you very much! 🎉

For anyone interested and wondering, here is the link to my example file:

https://www.figma.com/community/file/1076162448890469900/Button-component-with-nested-icon-in-varying-sizes

I’ve tried this today and it did not work for me.

But I think I also found out why.

In my situation I have Icons with different with I want to swap.

This works fine (regardless if the icon itself has autolayout or not) until you nest this icon into another master component.

It also seems to make a difference wether the icon is a vector or a union.

If its a vector your method worked perfectly.

With the icon being a vector I had to use the autolayout frame at the icon component already - otherwise it would not work.