driesvints/blade-icons

This package is abandoned and no longer maintained. The author suggests using the blade-ui-kit/blade-icons package instead.

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

Fund package maintenance!
driesvints

Installs: 8 847

Dependents: 1

Suggesters: 0

Security: 0

Stars: 215

Watchers: 6

Forks: 12

Language:HTML

2.3.0 2020-06-07 13:16 UTC

This package is auto-updated.

Last update: 2021-03-05 15:18:17 UTC


README

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:

<x-heroicon-o-adjustments/>

You can also pass classes to your icon components:

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

And even use inline styles:

<x-heroicon-o-adjustments style="color: #555"/>

The solid icons can be referenced like this:

<x-heroicon-s-adjustments/>

Zondicon icons can be referenced like:

<x-zondicon-add-outline/>

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:

<img src="{{ asset('vendor/blade-icons/heroicons/heroicon-o-adjustments.svg') }}" width="10" height="10"/>

And use zondicons like:

<img src="{{ asset('vendor/blade-icons/zondicons/zondicon-add-outline.svg') }}" width="10" height="10"/>

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.