nasirkhan/laravel-cube
Laravel Cube is a set of reusable Blade UI components for Laravel with dual support for Tailwind CSS (Flowbite) and Bootstrap 5. Switch frameworks globally or per component, with dark mode and Livewire compatibility.
This page documents the x-cube::icon component and provides a preview table for common Flowbite icons.
The icon pack used by this component (themesberg/flowbite-blade-icons) is included automatically as a dependency of Laravel Cube.
<x-cube::icon name="adjustments-horizontal" />
<x-cube::icon name="adjustments-horizontal" variant="solid" class="size-5 text-sky-500" />
| Param | Type | Required | Default | Description |
|---|---|---|---|---|
name |
string |
Yes | - | Flowbite icon name in kebab-case (for example adjustments-horizontal, bell, user-circle). |
variant |
string |
No | outline |
Icon set variant. Supported: outline, solid. |
class |
string |
No | size-6 shrink-0 |
Extra CSS classes merged into the icon root element. |
Any extra HTML/SVG attributes are forwarded to the icon component, for example:
styleidaria-labeldata-*The table below uses the outline variant preview source. To use the same icon as solid, pass variant="solid".
| Icon Name | Preview |
|---|---|
adjustments-horizontal |
|
adjustments-vertical |
|
angle-down |
|
angle-left |
|
angle-right |
|
angle-up |
|
archive |
|
arrow-down |
|
arrow-left |
|
arrow-right |
|
arrow-up |
|
bars |
|
bell |
|
bookmark |
|
calendar-month |
|
chart-pie |
|
check |
|
check-circle |
|
close |
|
cog |
|
download |
|
edit |
|
envelope |
|
eye |
|
filter |
|
globe |
|
heart |
|
home |
|
info-circle |
|
lock |
|
map-pin |
|
message-dots |
|
paper-plane |
|
phone |
|
plus |
|
search |
|
shield |
|
star |
|
trash-bin |
|
upload |
|
user |
|
user-circle |
|
users |
For the complete icon catalog, check:
How can I help you explore Laravel packages today?