PHPackages                             blade-ui-kit/blade-icons - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. blade-ui-kit/blade-icons

ActiveLibrary[Templating & Views](/categories/templating)

blade-ui-kit/blade-icons
========================

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

1.9.0(2mo ago)2.5k34.2M—0.8%16320MITPHPPHP ^7.4|^8.0CI passing

Since Sep 5Pushed 3w ago27 watchersCompare

[ Source](https://github.com/driesvints/blade-icons)[ Packagist](https://packagist.org/packages/blade-ui-kit/blade-icons)[ Docs](https://github.com/driesvints/blade-icons)[ GitHub Sponsors](https://github.com/sponsors/driesvints)[ Fund](https://www.paypal.com/paypalme/driesvints)[ RSS](/packages/blade-ui-kit-blade-icons/feed)WikiDiscussions 1.x Synced 1mo ago

READMEChangelog (10)Dependencies (9)Versions (47)Used By (20)

Blade Icons
===========

[](#blade-icons)

[ ![Tests](https://github.com/driesvints/blade-icons/workflows/Tests/badge.svg)](https://github.com/driesvints/blade-icons/actions?query=workflow%3ATests)[ ![Coding Standards](https://github.com/driesvints/blade-icons/actions/workflows/coding-standards.yml/badge.svg)](https://github.com/driesvints/blade-icons/actions/workflows/coding-standards.yml)[ ![Latest Stable Version](https://camo.githubusercontent.com/bd10f0a3a829c98847cee5eb51f7772fb2491520703ffd743af8708d9d13ca7f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f626c6164652d75692d6b69742f626c6164652d69636f6e73)](https://packagist.org/packages/blade-ui-kit/blade-icons)[ ![Total Downloads](https://camo.githubusercontent.com/5d8f7b5d7058d57c9fc1fbb30539bbc2a4597d44fbd7b3afe49a7b9794aa1b33/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f626c6164652d75692d6b69742f626c6164652d69636f6e73)](https://packagist.org/packages/blade-ui-kit/blade-icons)A package to easily make use of SVG icons in your Laravel Blade views. Originally "Blade SVG" by [Adam Wathan](https://twitter.com/adamwathan).

Turn...

```

```

Into...

```

```

Or into...

```
@svg('camera', 'w-6 h-6')
```

Looking for a specific icon? Try our icon search:

Any sponsorship to [help fund development](https://github.com/sponsors/driesvints) is greatly appreciated ❤️

Icon Packages
-------------

[](#icon-packages)

Blade Icons is a base package to make it easy for you to use SVG icons in your app. In addition, there's also quite some third party icon set packages. Thanks to the community for contributing these!

We're not accepting requests to build new icon packages ourselves but you can [start building your own](#building-packages).

- [Blade Academicons](https://github.com/codeat3/blade-academicons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Akar Icons](https://github.com/codeat3/blade-akar-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Ant Design Icons](https://github.com/codeat3/blade-ant-design-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Bootstrap Icons](https://github.com/davidhsianturi/blade-bootstrap-icons) by [David H. Sianturi](https://github.com/davidhsianturi)
- [Blade Boxicons](https://github.com/mallardduck/blade-boxicons) by [Dan Pock](https://github.com/mallardduck)
- [Blade Bytesize Icons](https://github.com/codeat3/blade-bytesize-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Car Makes Icons](https://github.com/johan-boshoff/blade-car-makes-icons) by [Johan Boshoff](https://github.com/johan-boshoff)
- [Blade Carbon Icons](https://github.com/codeat3/blade-carbon-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Circle Flags](https://github.com/fahrim/blade-circle-flags) by [Fahri Meral](https://github.com/fahrim)
- [Blade Clarity Icons](https://github.com/codeat3/blade-clarity-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Coolicons](https://github.com/codeat3/blade-coolicons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade CoreUI Icons](https://github.com/ublabs/blade-coreui-icons) by [Adrián UB](https://github.com/adrian-ub)
- [Blade Country Flags](https://github.com/stijnvanouplines/blade-country-flags) by [Stijn Vanouplines](https://github.com/stijnvanouplines)
- [Blade Cryptocurrency Icons](https://github.com/codeat3/blade-cryptocurrency-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade CSS Icons](https://github.com/khatabwedaa/blade-css-icons) by [khatabWedaa](https://github.com/khatabwedaa)
- [Blade Dev Icons](https://github.com/codeat3/blade-devicons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Element Plus Icons](https://github.com/codeat3/blade-element-plus-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Elusive Icons](https://github.com/codeat3/blade-elusive-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Emblemicons](https://github.com/codeat3/blade-emblemicons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Emojis](https://github.com/MaidenVoyageSoftware/blade-emojis) by [Maiden Voyage](https://github.com/MaidenVoyageSoftware)
- [Blade Entypo](https://github.com/owenvoke/blade-entypo) by [Owen Voke](https://github.com/owenvoke)
- [Blade EOS Icons](https://github.com/codeat3/blade-eos-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Eva Icons](https://github.com/Hasnayeen/blade-eva-icons) by [Nehal Hasnayeen](https://github.com/Hasnayeen)
- [Blade Evil Icons](https://github.com/codeat3/blade-evil-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Feather Icons](https://github.com/brunocfalcao/blade-feather-icons) by [Bruno Falcão](https://github.com/brunocfalcao)
- [Blade File Icons](https://github.com/codeat3/blade-file-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade File Type Icons](https://github.com/log1x/blade-filetype-icons) by [Brandon Nifong](https://github.com/log1x)
- [Blade FluentUi System Icons](https://github.com/codeat3/blade-fluentui-system-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Flowbite Icons](https://github.com/themesberg/flowbite-blade-icons) by [Dominique Thomas](https://github.com/domthomas-dev)
- [Blade Font Audio](https://github.com/codeat3/blade-fontaudio) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Font Awesome](https://github.com/owenvoke/blade-fontawesome) by [Owen Voke](https://github.com/owenvoke)
- [Blade Fontisto Icons](https://github.com/codeat3/blade-fontisto-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Fork Awesome](https://github.com/codeat3/blade-forkawesome) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Github Octicons](https://github.com/Activisme-be/Blade-github-octicons) by [Tim Joosten](https://github.com/Tjoosten)
- [Blade Google Material Design Icons](https://github.com/codeat3/blade-google-material-design-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Google Material Symbols (Outlined)](https://github.com/enso-san/blade-gms-o) by [Daniel Hoffmann](https://github.com/enso-san)
- [Blade Google Material Symbols (Rounded)](https://github.com/enso-san/blade-gms-r) by [Daniel Hoffmann](https://github.com/enso-san)
- [Blade Google Material Symbols (Sharp)](https://github.com/enso-san/blade-gms-s) by [Daniel Hoffmann](https://github.com/enso-san)
- [Blade Google Material Symbols (Outlined/Filled)](https://github.com/enso-san/blade-gms-of) by [Daniel Hoffmann](https://github.com/enso-san)
- [Blade Google Material Symbols (Rounded/Filled)](https://github.com/enso-san/blade-gms-rf) by [Daniel Hoffmann](https://github.com/enso-san)
- [Blade Google Material Symbols (Sharp/Filled)](https://github.com/enso-san/blade-gms-sf) by [Daniel Hoffmann](https://github.com/enso-san)
- [Blade Gov Icons](https://github.com/codeat3/blade-govicons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Gravity UI Icons](https://github.com/codeat3/blade-gravity-ui-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Grommet Icons](https://github.com/codeat3/blade-grommet-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Health Icons](https://github.com/troccoli/blade-health-icons) by [Giulio Troccoli-Allard](https://github.com/troccoli)
- [Blade Heroicons](https://github.com/blade-ui-kit/blade-heroicons) by [Dries Vints](https://github.com/driesvints)
- [Blade Hugeicons](https://github.com/afatmustafa/blade-hugeicons) by [Mustafa Afat](https://github.com/afatmustafa)
- [Blade Humbleicons](https://github.com/codeat3/blade-humbleicons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade IcoMoon Icons](https://github.com/nerdroid23/blade-icomoon) by [Joe Sylnice](https://github.com/nerdroid23)
- [Blade Icon Park Icons](https://github.com/codeat3/blade-iconpark) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Iconic Icons](https://github.com/ItsMalikJones/blade-iconic) by [Malik Alleyne-Jones](https://github.com/ItsMalikJones)
- [Blade Iconoir](https://github.com/andreiio/blade-iconoir) by [Andrei Ioniță](https://github.com/andreiio)
- [Blade Iconsax](https://github.com/saade/blade-iconsax) by [Saade](https://github.com/saade)
- [Blade Ikonate Icons](https://github.com/codeat3/blade-ikonate) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Ionicons](https://github.com/Faisal50x/blade-ionicons) by [Faisal Ahmed](https://github.com/Faisal50x)
- [Blade Iranian Brands Icons](https://github.com/rezadindar/blade-iranian-brands-icons) by [MRDindar](https://github.com/rezadindar)
- [Blade Jam Icons](https://github.com/codeat3/blade-jam-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Lets Icons](https://github.com/mansoorkhan96/blade-lets-icons) by [Mansoor Ahmed](https://github.com/mansoorkhan96)
- [Blade Line Awesome Icons](https://github.com/codeat3/blade-line-awesome-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Lineicons](https://github.com/datlechin/blade-lineicons) by [Ngô Quốc Đạt](https://github.com/datlechin)
- [Blade Lucide Icons](https://github.com/mallardduck/blade-lucide-icons) by [Dan Pock](https://github.com/mallardduck)
- [Blade Majestic Icons](https://github.com/codeat3/blade-majestic-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Maki Icons](https://github.com/codeat3/blade-maki-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Material Design Icons](https://github.com/postare/blade-mdi) by [Postare](https://github.com/postare)
- [Blade Memory Icons](https://github.com/codeat3/blade-memory-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Microns](https://github.com/codeat3/blade-microns) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Mono Icons](https://github.com/codeat3/blade-mono-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Payment Logos](https://github.com/isap-ou/blade-payment-logos) by [Andrii Trush](https://github.com/isap-ou)
- [Blade Pepicons](https://github.com/codeat3/blade-pepicons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Phosphor icons](https://github.com/codeat3/blade-phosphor-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Pixelarticons](https://github.com/codeat3/blade-pixelarticons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade PixelIcon Icons](https://github.com/daljo25/blade-pixelicon-icons) by [Daljomar Morillo](https://github.com/daljo25/)
- [Blade Polaris Icons](https://github.com/Eduard9969/blade-polaris-icons) by [Samoilenko Eduard](https://github.com/Eduard9969)
- [Blade Prime Icons](https://github.com/codeat3/blade-prime-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Radix Icons](https://github.com/codeat3/blade-radix-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Remix Icon](https://github.com/andreiio/blade-remix-icon) by [Andrei Ioniță](https://github.com/andreiio)
- [Blade RPG Awesome Icons](https://github.com/codeat3/blade-rpg-awesome-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Selfh.st Icons](https://github.com/RobertBoes/blade-selfhst-icons) by [Robert Boes](https://github.com/RobertBoes)
- [Blade Simple Icons](https://github.com/ublabs/blade-simple-icons) by [Adrián UB](https://github.com/adrian-ub)
- [Blade Simple Line Icons](https://github.com/codeat3/blade-simple-line-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Solar Icons](https://github.com/codeat3/blade-solar-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade System UIcons](https://github.com/codeat3/blade-system-uicons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Tabler Icons](https://github.com/secondnetwork/blade-tabler-icons) by [Andreas Farah](https://github.com/secondnetwork)
- [Blade Teeny Icons](https://github.com/codeat3/blade-teeny-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Typicons](https://github.com/codeat3/blade-typicons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Uiw Icons](https://github.com/codeat3/blade-uiw-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Unicons](https://github.com/codeat3/blade-unicons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade UntitledUI Icons](https://github.com/mckenziearts/blade-untitledui-icons) by [Arthur Monney](https://github.com/mckenziearts)
- [Blade Vaadin Icons](https://github.com/codeat3/blade-vaadin-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade VSCode Codicons](https://github.com/codeat3/blade-codicons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Weather Icons](https://github.com/codeat3/blade-weather-icons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)
- [Blade Zondicons](https://github.com/codeat3/blade-zondicons) by [Swapnil Sarwe](https://github.com/swapnilsarwe)

Requirements
------------

[](#requirements)

- PHP 7.4 or higher
- Laravel 8.0 or higher

Installation
------------

[](#installation)

Install the package with composer:

```
composer require blade-ui-kit/blade-icons
```

Then, publish the configuration and **uncomment** the `default` icon set:

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

Make sure that the path defined for this icon set exists. By default it's `resources/svg`. Your SVG icons will need to be placed in this directory.

Upgrading
---------

[](#upgrading)

Please refer to [`the upgrade guide`](UPGRADE.md) when upgrading the library.

Caching
-------

[](#caching)

When working with Blade Icons, and third party icon sets in particular, you'll often be working with large icon sets. This can slow down your app tremendously, especially when making use of [Blade components](#components). To solve this issue, Blade Icons ships with caching support. To enable icon caching you can run the following command:

```
php artisan icons:cache
```

This will create a `blade-icons.php` file in `bootstrap/cache` similar to the `packages.php` cached file. It'll contain a manifest of all known sets and icons with their path locations.

Caching icons means you won't be able to add extra icons, change paths for icon sets or install/remove icon packages. To do so make sure you first clear the icons cache and cache after you've made these changes:

```
php artisan icons:clear
```

It's a good idea to add the `icons:cache` command as part of your deployment pipeline and always cache icons in production.

Alternatively, you may choose to [disable Blade components](#disabling-components) entirely.

Also, when adding new icons, renaming directories in your icon paths, it's always a good idea to clear your views before refreshing the page:

```
php artisan view:clear
```

Configuration
-------------

[](#configuration)

### Defining Sets

[](#defining-sets)

Blade Icons support multiple sets. You can define these by passing a key/value combination in the `blade-icons.php` config file's `sets` setting:

```