Try Depot: Bring ultra-fast, remote Docker builds directly to your Laravel workflow

Blade Heroicons

blade-ui-kit/blade-heroicons image

Blade Heroicons stats

Downloads
3.4M
Stars
464
Open Issues
0
Forks
47

View on GitHub →

A package to easily make use of Heroicons in your Laravel Blade views.

Blade Heroicons

Blade Heroicons is a Laravel package that simplifies the integration of Heroicons into Laravel Blade views. Developed by Steve Schoger and Adam Wathan, Heroicons offer a refined set of SVG icons which this package makes effortlessly available within Blade templating.

Key Features:

  • Ease of Use: Integrate Heroicons directly in Blade files as self-closing Blade components.
  • Flexible Customization: Easily style icons using classes or inline styles.
  • Blade Icons Integration: Leverage additional features from the Blade Icons library, such as default classes and attributes.
  • Icon Caching: Enhance performance by enabling icon caching.

Requirements:

  • PHP 8.0 or higher
  • Laravel 9.0 or higher

Installation:

Install the package via Composer:

composer require blade-ui-kit/blade-heroicons

Configuration:

To customize default settings, publish the configuration file:

php artisan vendor:publish --tag=blade-heroicons-config

Usage:

Embed icons directly in your Blade templates as components:

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

Or use the @svg directive for more control:

@svg('heroicon-o-arrow-left', 'w-6 h-6', ['style' => 'color: #555'])

Accessing Raw SVG Icons:

Publish and use the raw SVG files in your application:

php artisan vendor:publish --tag=blade-heroicons --force
<img src="{{ asset('vendor/blade-heroicons/o-arrow-left.svg') }}" width="10" height="10"/>

Updating:

Consult the upgrade guide for safe library updates.

More Information:

Blade Heroicons is an essential tool for developers looking to spice up their Laravel applications with high-quality, customizable icons directly within their Blade views.

blade-ui-kit photo

A set of open-source libraries built for Laravel Blade.

Cube

Laravel Newsletter

Join 40k+ other developers and never miss out on new tips, tutorials, and more.


Blade Ui Kit Blade Heroicons Related Articles

Laravel Blade Icons Stable Release image

Laravel Blade Icons Stable Release

Read article
Lucky Media logo

Lucky Media

Get Lucky Now - the ideal choice for Laravel Development, with over a decade of experience!

Lucky Media
Get expert guidance in a few days with a Laravel code review logo

Get expert guidance in a few days with a Laravel code review

Expert code review! Get clear, practical feedback from two Laravel devs with 10+ years of experience helping teams build better apps.

Get expert guidance in a few days with a Laravel code review
Laravel Cloud logo

Laravel Cloud

Easily create and manage your servers and deploy your Laravel applications in seconds.

Laravel Cloud
Tinkerwell logo

Tinkerwell

The must-have code runner for Laravel developers. Tinker with AI, autocompletion and instant feedback on local and production environments.

Tinkerwell
Harpoon: Next generation time tracking and invoicing logo

Harpoon: Next generation time tracking and invoicing

The next generation time-tracking and billing software that helps your agency plan and forecast a profitable future.

Harpoon: Next generation time tracking and invoicing
Kirschbaum logo

Kirschbaum

Providing innovation and stability to ensure your web application succeeds.

Kirschbaum