How to use Simple Icons on Laravel Blade

Usage

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

<x-simpleicon-laravel />

You can also pass classes to your icon components:

<x-simpleicon-laravel class="w-6 h-6 text-red-500"/>

And even use inline styles:

<x-simpleicon-laravel style="color: #FF2D20"/>

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-simple-icons --force

Then use them in your views like:

<img src="{{ asset('vendor/blade-simple-icons/laravel.svg') }}" width="10" height="10"/>

ublabs / blade-simple-icons

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

For a full list of available icons see the SVG directory.

You can install the package via composer:

composer require ublabs/blade-simple-icons

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

<x-simpleicon-laravel />

You can also pass classes to your icon components:

<x-simpleicon-laravel class="w-6 h-6 text-red-500"/>

And even use inline styles:

<x-simpleicon-laravel style="color: #FF2D20"/>

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

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

Then use them in your views like:

<img src="{{ asset('vendor/blade-simple-icons/laravel.svg') }}" width=

…