Laravel Packages

Laravel Blade Country and Language Icons

Published
Laravel Blade Country and Language Icons image

Laravel Blade Flags is a package to easily display countries & languages flags in your Laravel Blade views. When you have a project needing to display various country flags, you might hunt for SVG icons or JS components. This package has your back if you are using Blade as you can render flags as components or use the provided SVGs:

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

The above blade components would render something like this:

For styling, you can also provide a class attribute:

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

You can also publish the SVGs that ship with this package using the asset helper:

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

This project uses the excellent Blade UI Kit, a set of renderless components to utilize in your Laravel Blade views. If you're interested in using this package and seeing how it utilizes Blade UI Kit, check it out on GitHub.

Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Sponsored

laravelcloud logo
Laravel Cloud

Easily create and manage your servers and deploy your Laravel applications in seconds.

Visit Laravel Cloud

The latest

View all →
Laravel AI SDK and Laravel MCP Security Fixes: Update Now image

Laravel AI SDK and Laravel MCP Security Fixes: Update Now

Read article
Mailbox for Laravel: Preview and Test Rendered Email image

Mailbox for Laravel: Preview and Test Rendered Email

Read article
Count Worker Crashes as Job Exceptions in Laravel 13.34 image

Count Worker Crashes as Job Exceptions in Laravel 13.34

Read article
Elastic Bridge: Eloquent-Style Queries for Elasticsearch and OpenSearch image

Elastic Bridge: Eloquent-Style Queries for Elasticsearch and OpenSearch

Read article
Laravel Release Cycle: Versions, Support Policy, and Dates image

Laravel Release Cycle: Versions, Support Policy, and Dates

Read article
Unlearn.dev goes free for a weekend, October 10 and 11 image

Unlearn.dev goes free for a weekend, October 10 and 11

Read article