Extras

Icons

The web's hieroglyphics, speaking volumes with a mere pixel square!

Contributors for this component

Heroicons Example

<div class="grid grid-cols-2 gap-4">
    <x-lb.heroicon.o-clock class="h-10 w-10 text-neutral-700" />
    <x-lb.heroicon.s-clock class="h-10 w-10 text-neutral-700" />
</div>

lb.heroicon.o-clock

<svg {{ $attributes }} fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>

lb.heroicon.s-clock

<svg {{ $attributes }} fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
    <path clip-rule="evenodd" fill-rule="evenodd"
        d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zM12.75 6a.75.75 0 00-1.5 0v6c0 .414.336.75.75.75h4.5a.75.75 0 000-1.5h-3.75V6z">
    </path>
</svg>

empty states loading states