A package to easily make use of TwEmoji Countries & Languages Flags in your Laravel Blade views.

For a full list of available icons see the SVG directory or preview all the available flags, check the gallery.

.

Thank you for considering supporting the development of this package! If you'd like to contribute, you can buy me a coffee or sponsor me to help keep me motivated to continue improving this package. You can also support the project by starring ⭐ the repository.

To buy me a coffee, click the button below:

• PHP 8.0 or higher
• Laravel 9.0 or higher

composer require outhebox/blade-flags

Blade Flags uses Blade Icons under the hood. Please refer to the Blade Icons readme for additional functionality. We also recommend to enable icon caching with this library.

📺 Watch a 3-minute video by Povilas Korop showcasing the package.

If you are looking for a Flutter version of this package, check dash_flags, a Flutter package that provides a set of flags for all countries and languages. by Moaz El-sawaf.

Blade Flags also offers the ability to use features from Blade Icons like default classes, default attributes, etc. If you'd like to configure these, publish the blade-flags.php config file:

php artisan vendor:publish --tag=blade-flags-config

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

<x-flag-country-br />
<x-flag-country-cn />
<x-flag-country-gb />
<x-flag-country-ru />
<x-flag-country-us />

...produces this:

<x-flag-language-en />
<x-flag-language-ar />
<x-flag-language-es />

...produces this:

You can also pass classes to your icon components:

<x-flag-country-us class="w-6 h-6"/>

You can also use dynamic values to render icons:

• For country flags:

<x-icon name="flag-country-{{ $country->iso2_code }}" />

• For language flags:

<x-icon name="flag-language-{{ $language->code }}" />

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

php artisan vendor:publish --tag=blade-flags --force

Then use them in your views like:

<img src="{{ asset('vendor/blade-flags/country-us.svg') }}" width="32" height="32"/>

<img src="{{ asset('vendor/blade-flags/language-en.svg') }}" width="32" height="32"/>

Check out the CHANGELOG in this repository for all the recent changes.

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