skydiver/blade-icons-remix

Use Remix Icon with Blade Icons.

1.3.0 2020-09-18 20:10 UTC

Requires

• php: ^7.2
• blade-ui-kit/blade-icons: ^0.4.5
• illuminate/support: ^7.14|^8.0

Requires (Dev)

• orchestra/testbench: ^5.0|^6.0
• phpunit/phpunit: ^8.0|^9.0
• squizlabs/php_codesniffer: ^3.5

MIT

• Martín M.

• laravel
• icons
• remix
• blade

README

Use Remix Icon with Blade Icons

Credits

Icons made by Remix-Design

For more information visit https://remixicon.com/

Requirements

• PHP 7.2 or higher
• Laravel 7.14 or higher

Installation

composer require skydiver/blade-icons-remix

Usage

1. goto https://remixicon.com/ and search for your icon
2. use Blade components tag with <x-ri- prefix and icon name.
3. if the icon is called ri-briefcase-4-line your component will be named <x-ri-briefcase-4-line />

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

<x-ri-hand-sanitizer-fill />

You can also pass classes to your icon components:

<x-ri-ship-fill class="w-6 h-6 text-red-400 fill-current"/>

And even use inline styles:

<x-ri-home-heart-line style="width:64px; height:64px; fill:red" />

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-remix --force

Then use them in your views like:

<img src="{{ asset('vendor/blade-icons-remix/cake-fill.svg') }}" width="64" height="64"/>

Blade Icons

Blade Icons Remix uses Blade Icons under the hood. Please refer to the Blade Icons readme for additional functionality.

License

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