I like how Phosphor icons does it: 1 component for each icon, with variants for weight/style. This makes it easy to search for individual icons, plus swapping out styles/different icons is trivial. You can download their figma file for free to see how they do it.

Need your thoughts If you have an icon set with six different predefined sizing options, would you create the icons as one large component with variables, or as separate icons that can be easily changed with instance swapping?

I tried both but instance swap had a lot of problems

Yeah, I originally did that, but Figma is giving me a warning. Having more than 1000 variables in one component can cause performance issues :(

fuck it figma, i have files over 2500+ variable

Posts