Icon resizing problem

Hello @Maja_Slanc

(scale works, but we want to change the size in the frame section)

I’m not sure to understand which frame you are referring to here, are we talking about the one named Yellow Eye - filled or Eye ?

One things is: you cannot change the value of fixed height/width in a component’s child. So if you’re trying to change frame Eye’s height and width through Yellow Eye - filled component it’s not possible.

What can be done is :

• On Yellow Eye - filled apply scale constraint to Eye on its height and width (same for Icon). So when you resize it everythings with scale with it (as shown below)
  
  
• You can wrap Eye in an auto-layout. Then set Eye width and height as fill.
  on Yellow Eye - filled set up padding and border-radius so its always round. Then when you resize Yellow Eye - filled your Icon will be the size of Yellow Eye - filled minus twice its padding.

Tip : since you use component you don’t have to create shape in order to have a circle in the background. You can fill the main frame with a color and change its border radius so it’s a circle

let me know if it helped

Thank you very much for your help @Haroll ! The scale was the right solution 🙌
Also thank you for the tip about the circle…will definitely try this 😀

I was missing this option… Don’t know why… Thank you bro