nasirkhan/laravel-cube
Laravel Cube provides reusable Blade UI components with dual support for Tailwind CSS (Flowbite) and Bootstrap 5. Switch frameworks globally or per component, includes dark mode for Tailwind, Livewire-friendly, and easy to customize via published views.
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?