secondnetwork/blade-tabler-icons
Laravel package that integrates Tabler Icons into Blade. Use simple Blade components or directives to render SVG icons with configurable size, stroke and classes, enabling clean, consistent icon usage across your app without manual SVG copying.
A package to easily make use of tabler-icons in your Laravel Blade views.
For a full list of available icons see the SVG directory or preview them at tabler-icons.io.
This repository check for a new Icons Release every week with Github Actions and make a pull request
composer require secondnetwork/blade-tabler-icons
Blade tabler-icons uses Blade Icons under the hood. Please refer to the Blade Icons readme for additional functionality. We also recommend to enable icon caching with this library.
Blade tabler-icons also offers the ability to use features from Blade Icons like default classes, default attributes, etc. If you'd like to configure these, publish the blade-tabler-icons.php config file:
php artisan vendor:publish --tag=blade-tabler-icons-config
Icons can be used a self-closing Blade components which will be compiled to SVG icons:
<x-tabler-alert-circle />
You can also pass classes to your icon components:
<x-tabler-alert-circle class="w-6 h-6 text-gray-500"/>
And even use inline styles:
<x-tabler-alert-circle style="stroke-width: 1.25"/>
Or into...
@svg('tabler-alert-circle', 'w-6 h-6')
The filled icons can be referenced like this:
<x-tabler-alert-circle-filled />
Or
<x-tabler-alert-circle-f />
If you want to use the raw SVG icons as assets, you can publish them using:
php artisan vendor:publish --tag=blade-tabler-icons --force
Then use them in your views like:
<img src="{{ asset('vendor/blade-tabler-icons/alert-circle.svg') }}" width="10" height="10"/>
Blade tabler-icons is developed and maintained by secondnetwork.
Blade tabler-icons is open-sourced software licensed under the MIT license.
How can I help you explore Laravel packages today?