In our project, we are using around 300+ icons, and we fetch these icons through a component. The list of components is very long, so it is quite difficult to find the icon we want. It would be great if there was a search button here, and we could easily search for and select the icon by its name.
Wouldn't it be great if there was a search field added here?
Why are you embedding all your icons in one component versus making each icon its own component? That would solve your problem instantly.
Why are you embedding all your icons in one component versus making each icon its own component? That would solve your problem instantly.
What do you mean? Could you provide a bit more detail, please?
Sure thing!
Here’s an example from a component library I’m working with. Each icon in the library is its own component, allowing you to use the search field in the asset panel to find the icon you want easily.
I assume the *real* issue is that you want to be able to freely swap between different icons inside a component. For that, you’d add a Component Swap property to the component you’re nesting the icon in. This will allow you to search for and choose whichever icon you want.
You can learn more about the component property feature here https://help.figma.com/hc/en-us/articles/5579474826519-Explore-component-properties
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.