Icons Preview Gallery

Laratic is using the Heroicons and some of the icons from the Bootstrap Icons library. For your convenience we turned all thos icons into Blade components so you can use them in your project. You can browse the gallery below to see all the icons that are available.

Search + sizing controls

• The search input filters cards on the client; there is no server request so typing stays instant.
• Size buttons simply reload the page with a new ?size= param to keep the implementation simple and shareable.
• Copy affordances are handled with a light overlay, so feel free to restyle by changing the .copy-wrap CSS near the top of the file.

Example usage

Icons render through Blade components under the x-icons.* namespace so you can drop them anywhere in your templates while keeping size, variant, and color consistent.

<!-- Heroicons support outline/solid/mini/micro variants + semantic sizes -->
<x-icons.question-mark-circle variant="solid" size="lg" class="text-primary dark:text-primary-dark"/>