Implementation of the `<Icon />` component which makes it easier to create (custom) icons from iconNodes.
This will be useful for external packages like `lucide/lab` and more.
Example with `lucide-react`
tsx
import { burger } from 'lucide/lab';
import { Icon } from 'lucide-react';
<Icon iconNode={burger} /> // Renders burger icon
See the docs
- [Lucide](https://lucide.dev/guide/packages/lucide#additional-options)
- [Lucide React](https://lucide.dev/guide/packages/lucide-react#with-lucide-lab-or-custom-icons)
- [Lucide Vue](https://lucide.dev/guide/packages/lucide-vue-next#with-lucide-lab-or-custom-icons)
- [Lucide Svelte](https://lucide.dev/guide/packages/lucide-svelte#with-lucide-lab-or-custom-icons)
- [Lucide Angular](https://lucide.dev/guide/packages/lucide-angular#with-lucide-lab-or-custom-icons)
- [Lucide Solid](https://lucide.dev/guide/packages/lucide-solid#one-generic-icon-component)
- [Lucide React Native](https://lucide.dev/guide/packages/lucide-react-native#one-generic-icon-component)