<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta17/dist/css/tabler-flags.min.css">

Flag

To create a flag, add the flag class to a component and choose the country whose flag you want to use. The full list of countries can be found below.

<span class="flag flag-country-tg me-1"></span>
<span class="flag flag-country-br me-1"></span>
<span class="flag flag-country-pt"></span>

Flag sizes

Using Bootstrap’s typical naming structure, you can create a standard flag, or scale it up or down to different sizes based on what’s needed.

<span class="flag flag-xl flag-country-pl me-1"></span>
<span class="flag flag-lg flag-country-pl me-1"></span>
<span class="flag flag-md flag-country-pl"></span>
<span class="flag flag-sm flag-country-pl me-1"></span>
<span class="flag flag-xs flag-country-pl me-1"></span>

Types

To use the flag of a particular country, add the flag-country-(country name) class. For example, to create a flag of Andorra should use the following class: .flag-country-ad.