blade-icons

by driesvints

driesvints / blade-icons

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

215 Stars 11 Forks Last release: 5 months ago (2.3.0) MIT License 30 Commits 5 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Blade Icons (abandoned)

Build Status Total Downloads Latest Stable Version License

Abandoned! This project has been moved to the Blade UI Kit organisation. Check out the new repository. Heroicons and Zondicons have been extracted into new separate packages here and here. Please read the upgrade guides on the aforementioned packages to upgrade to the newer versions.

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

Heroicons and Zondicons originally made by Steve Schoger and Adam Wathan.

List of icons

Requirements

  • PHP 7.4 or higher
  • Laravel 7.0 or higher

Installation

composer require driesvints/blade-icons

Updating

General steps for every update:

  • Run
    php artisan view:clear
  • If you published the raw icons run
    php artisan vendor:publish --tag=blade-icons --force

When upgrading to a new major version of the library, remember to read

the upgrade guide
.

Usage

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


You can also pass classes to your icon components:


And even use inline styles:


The solid icons can be referenced like this:


Zondicon icons can be referenced like:


Raw SVG Icons

If you want to use the raw SVG icons as assets, you can publish them using:

php artisan vendor:publish --tag=blade-icons --force

Then use them in your views like:


And use zondicons like:


Changelog

Check out the CHANGELOG in this repository for all the recent changes.

License

Blade Icons is open-sourced software licensed under the MIT license.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.