Need help with blade-icons?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

driesvints
215 Stars 13 Forks MIT License 31 Commits 0 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 4,405
PHP
Laravel
framewo...
Sass
30 commits
# 458,267
PHP
HTML
Shell
newslet...
1 commit

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.