LaravelPackages.net
Acme Inc.
Toggle sidebar
poldixd/laravel-feather

8.361
4
13.0.0
About poldixd/laravel-feather

poldixd/laravel-feather is a Laravel package. It currently has 4 GitHub stars and 8.361 downloads on Packagist (latest version 13.0.0). Install it with composer require poldixd/laravel-feather. Discover more Laravel packages by poldixd or browse all Laravel packages to compare alternatives.

Last updated

poldixd/laravel-feather

Use Feather Icons as a Blade include() or Blade component in your Laravel 12.x or 13.x application.

Installation

Require poldixd/laravel-feather through Composer:

composer require poldixd/laravel-feather

Usage

Include the icon like a Blade template in your view:

<!-- Your Blade view --> @include('feather::airplay') <!-- Output: --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-airplay"><path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path><polygon points="12 15 17 21 7 21 12 15"></polygon></svg>

You can also use Blade components:

<!-- Your Blade view --> <x:feather-airplay /> <!-- Output: --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-airplay"><path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path><polygon points="12 15 17 21 7 21 12 15"></polygon></svg>

You can find a list of all icons on this website.

Using CSS Classes

You can include the icons with css classes.

<!-- Your Blade view --> @include('feather::airplay', ['class' => 'my-awesome-class my-second-class']) <!-- or as a blade component --> <x:feather-airplay class="my-awesome-class my-second-class" /> <!-- Output: --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-airplay my-awesome-class my-second-class"><path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path><polygon points="12 15 17 21 7 21 12 15"></polygon></svg>

Using Style attributes

<!-- Your Blade view --> @include('feather::airplay', ['style' => 'color: red']) <!-- or as a blade component --> <x:feather-airplay style="color: red" /> <!-- Output: --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-airplay" style="color: red"><path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path><polygon points="12 15 17 21 7 21 12 15"></polygon></svg>

License

poldixd/laravel-feather is licensed under the MIT License. The icons in this code are from Feather. It is also licensed under the MIT License.

Star History Chart