mirror of
https://github.com/lucide-icons/lucide.git
synced 2025-12-19 11:29:20 +01:00
22 lines
587 B
Markdown
22 lines
587 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.
|
||
|
|
|
||
|
|
```vue
|
||
|
|
<script setup>
|
||
|
|
import { Icon } from '@lucide/vue';
|
||
|
|
import { baseball } from '@lucide/lab';
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<Icon :iconNode="baseball" />
|
||
|
|
</template>
|
||
|
|
```
|