An easy to use icon component.
| Property | Type | Description |
|---|---|---|
| name | string | The name of the icon to display. [required] |
| id | ?string | A unique identifier. |
| label | ?string | An optional label to display next to the icon. |
| label-class | ?string | The classes to apply to the label. |
<c-icon name="mail" />
<c-icon name="user" />
<c-icon name="zap" />
The default iconset is
Lucide.
You can change the default iconset by checking the "Icons" section in the Config docs.
Lucide icons work out of the box. You can install any additional iconsets from the BladeUI-Kit and easily use them via the respective prefix.
composer require owenvoke/blade-fontawesome
<c-icon name="fas.cloud" />
<c-icon name="far.circle-play" />
<c-icon name="fab.facebook" />
The default icon size is w-5 h-5.
Messages
Messages
Messages
<c-icon name="mail" label="Messages" />
<c-icon name="mail" class="w-9 h-9 text-success text-2xl" label="Messages" />
{{-- class is applied to both, label-class only to label --}}
<c-icon name="mail" class="text-info underline" label="Messages" label-class="-order-1 ms-4" />
As advised by Laravel documentation it is a good practice to cache your icons in production environments.
php artisan icons:cache