mirror of
https://github.com/lucide-icons/lucide.git
synced 2025-12-17 17:37:42 +01:00
20 lines
560 B
Markdown
20 lines
560 B
Markdown
|
# With Lucide lab or custom icons
|
||
|
|
|
||
|
|
[Lucide lab](https://github.com/lucide-icons/lucide-lab) is a collection of icons that are not part of the Lucide main library.
|
||
|
|
|
||
|
|
They can be used by using the `Icon` component.
|
||
|
|
All props like regular lucide icons can be passed to adjust the icon appearance.
|
||
|
|
|
||
|
|
## Using the `Icon` component
|
||
|
|
|
||
|
|
This creates a single icon based on the iconNode passed and renders a Lucide icon component.
|
||
|
|
|
||
|
|
```jsx
|
||
|
|
import { Icon } from 'lucide-react';
|
||
|
|
import { coconut } from '@lucide/lab';
|
||
|
|
|
||
|
|
const App = () => (
|
||
|
|
<Icon iconNode={coconut} />
|
||
|
|
);
|
||
|
|
```
|