Skip to main content
Glumin_Stanislav
October 31, 2023
Solved

Icons size in component troubles

  • October 31, 2023
  • 2 replies
  • 1899 views

In Figma I have a component that contains a container for an icon, which I replace using swap instance. The container for icons is 12 by 12 px and the icons adapt to the container and change their size, but not always. There are some icons from the component library that remain large, as if they were in an icon container sized 24 by 24 px rather than 12 by 12 px.

replaced using “swap instace” and the icon, which was originally 24 by 24 px, became 12 by 12 px, that is, adjusted to the size.

however, if we select another (according to my logic - the same) icon, then we will get a cropped version of the icon, as if the container for the icon is not 12 by 12 px, but 24 by 24 px. How can I make all my icons from the library fit the size of the container?

This topic has been closed for replies.
Best answer by Glumin_Stanislav

Yes, you were absolutely right, it was all about the binding settings. By changing the tether settings of the vector icon itself, we were able to achieve scaling results. Result in screenshots. Thank you a lot!
image

2 replies

tank666
October 31, 2023

Most likely, some icons have the wrong constraints set.

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
Glumin_Stanislav
Glumin_StanislavAuthorSolution
October 31, 2023

Yes, you were absolutely right, it was all about the binding settings. By changing the tether settings of the vector icon itself, we were able to achieve scaling results. Result in screenshots. Thank you a lot!
image