Blade Icons Package

Blade Icons Package

Dries Vints has created a new package to easily make use of Hero icons in your Laravel Blade views.

By far my most favorite addition to Laravel 7 are the new Blade components. There’s all kinds of cool things you can do with them so I thought I’d share some of them with you.

I’ve built a new package called Blade Heroicons to easily make use of the Heroicons originally made Steve Schoger and Adam Wathan. The packages provides a simple component based flow to include them in your Blade views.

Icons can be used as self-closing Blade components which will be compiled to SVG icons:


You can also pass classes to your icon components:

<x:heroicon-o-adjustments class="w-6 h-6 text-gray-500"/>

And even use inline styles:

<x:heroicon-o-adjustments style="color: #555"/>

The Github repo has complete instructions and here is an overview on how this package works

Filed in: News / packages


Join 31,000+ others and never miss out on new tips, tutorials, and more.

Laravel News Partners

Laravel Jobs

Laravel Senior Developer
Remote, Canada Only
BeMo Academic Consulting
Senior Fullstack Developer / Architect (w/m/d)
Remote / Munich - Germany GmbH
Medior full stack developer (Laravel)
Deventer (or remote) in the Netherlands, Dutch speaking required.
Senior Full Stack PHP Developer (Laravel)
Senior Laravel Developer