Hi,

I created a set of icons that are used as instance swaps for an icon component. For now they are Bootstrap icons. All of them are flattened vectors and each is a component on it’s own. There is no auto layout inside the icon instances. I tried inplementing it and setting the size to fill, but that didn’t change anything.

I then made variants of the icon component. If the icon is just outlined or filled, the color and the size. The size and the fill work perfectly but the size is giving me issues. The original size of all of the icons is 16x16px. Then I scaled the component to 36x36px and set that as the “L” variable. Most of the icons scale normally, but some icons just don’t want to scale. It’s always the same icons no matter if they are outlined or filled in. 

In the screenshot all variables are set the same for the two icons on the right, except for the icon instance. But the Graph icon retained it’s size while the circular icon defaulted back to it’s original 16x16px size.

What could be the issue? I see no difference in the layers that would suggest that these icons should behave differently.