[Feature]: How to implement icon search and render by icon name?

[FearlessSlug]

Describe

1. I need to implement search functionality in my app to allow users to search for their icon of choice and I can't figure out how to do it
2. I need to be able to render icon by name instead of importing it, and I can't figure out if it's possible

Solution

1. For the icon search functionality I think a simple helper function that returns a list of objects with the icon name would be good
2. For the icon render I think just a component that can get an icon name and render that icon without needing to manually import the specific icon from the specific sub-directory of its family icon library

Minimal sample repository URL

No response

Additional context

I use NextJS 14 app router