# Flags

> The flags plugin adds country flags as CSS classes, for language switchers, address forms and phone number fields.

Display country flags with the Tabler flags plugin. Add a flag with two CSS classes and scale it with ready-made size modifiers.

Source: https://docs.tabler.io/ui/plugins/flags

---

## Installation

The flags are a plugin. Include `tabler-flags.css` or `tabler-flags.min.css` in your page to enable them.

You can also include the plugin via CDN:

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

## Flag

Add the `flag` class to an element and a country class from the list below.

```html
<span class="flag flag-country-us"></span>
```

## Country flags

The country class is `flag-country-` followed by the two-letter country code, for example `.flag-country-ad` for Andorra. The full list is at the end of this page.

```html
<span class="flag flag-country-tg"></span>
<span class="flag flag-country-br"></span>
<span class="flag flag-country-pt"></span>
```

## Flag sizes

Add a size class from `flag-xs` to `flag-xl` to scale the flag. The names follow the usual Bootstrap pattern.

```html
<span class="flag flag-xl flag-country-us"></span>
<span class="flag flag-lg flag-country-us"></span>
<span class="flag flag-md flag-country-us"></span>
<span class="flag flag-sm flag-country-us"></span>
<span class="flag flag-xs flag-country-us"></span>
```

## Flags list

All available countries:

| Country | Code | CSS class |
| --- | --- | --- |
| Andorra | `ad` | `.flag-country-ad` |
| United Arab Emirates | `ae` | `.flag-country-ae` |
| Afghanistan | `af` | `.flag-country-af` |
| Antigua | `ag` | `.flag-country-ag` |
| Anguilla | `ai` | `.flag-country-ai` |
| Armenia | `am` | `.flag-country-am` |
| Angolan | `ao` | `.flag-country-ao` |
| Antarctica | `aq` | `.flag-country-aq` |
| Argentina | `ar` | `.flag-country-ar` |
| American Samoa | `as` | `.flag-country-as` |
| Austria | `at` | `.flag-country-at` |
| Australia | `au` | `.flag-country-au` |
| Aruba | `aw` | `.flag-country-aw` |
| Aslan Islands | `ax` | `.flag-country-ax` |
| Azerbaijan | `az` | `.flag-country-az` |
| Bosnian | `ba` | `.flag-country-ba` |
| Barbados | `bb` | `.flag-country-bb` |
| Belgium | `be` | `.flag-country-be` |
| Burkina Faso | `bf` | `.flag-country-bf` |
| Bulgaria | `bg` | `.flag-country-bg` |
| Bahrain | `bh` | `.flag-country-bh` |
| Burundi | `bi` | `.flag-country-bi` |
| Benin | `bj` | `.flag-country-bj` |
| Saint-Barthélemy | `bl` | `.flag-country-bl` |
| Bermuda | `bm` | `.flag-country-bm` |
| Bruneian | `bn` | `.flag-country-bn` |
| Bolivia | `bo` | `.flag-country-bo` |
| Bonaire | `bq-bo` | `.flag-country-bq-bo` |
| Brazil | `br` | `.flag-country-br` |
| Bahamas | `bs` | `.flag-country-bs` |
| Bhutan | `bt` | `.flag-country-bt` |
| Bouvet Island | `bv` | `.flag-country-bv` |
| Batswana | `bw` | `.flag-country-bw` |
| Belarus | `by` | `.flag-country-by` |
| Belize | `bz` | `.flag-country-bz` |
| Canada | `ca` | `.flag-country-ca` |
| Cocos Island | `cc` | `.flag-country-cc` |
| Democratic Republic of Congo | `cd` | `.flag-country-cd` |
| Central African Republic | `cf` | `.flag-country-cf` |
| Republic of the Congo | `cg` | `.flag-country-cg` |
| Switzerland | `ch` | `.flag-country-ch` |
| Ivory Coast | `ci` | `.flag-country-ci` |
| Cook Island | `ck` | `.flag-country-ck` |
| Chile | `cl` | `.flag-country-cl` |
| Cameroon | `cm` | `.flag-country-cm` |
| China | `cn` | `.flag-country-cn` |
| Colombia | `co` | `.flag-country-co` |
| Costa Rica | `cr` | `.flag-country-cr` |
| Cuba | `cu` | `.flag-country-cu` |
| Cape Verde | `cv` | `.flag-country-cv` |
| Curacao | `cw` | `.flag-country-cw` |
| Christmas Island | `cx` | `.flag-country-cx` |
| Cyprus | `cy` | `.flag-country-cy` |
| Czech Republic | `cz` | `.flag-country-cz` |
| Germany | `de` | `.flag-country-de` |
| Djibouti | `dj` | `.flag-country-dj` |
| Denmark | `dk` | `.flag-country-dk` |
| Dominica | `dm` | `.flag-country-dm` |
| Dominican Republic | `do` | `.flag-country-do` |
| Algeria | `dz` | `.flag-country-dz` |
| Ecuador | `ec` | `.flag-country-ec` |
| Estonia | `ee` | `.flag-country-ee` |
| Egypt | `eg` | `.flag-country-eg` |
| Sahrawi | `eh` | `.flag-country-eh` |
| Eritrea | `er` | `.flag-country-er` |
| Spain | `es` | `.flag-country-es` |
| Ethiopia | `et` | `.flag-country-et` |
| European Union | `eu` | `.flag-country-eu` |
| Finland | `fi` | `.flag-country-fi` |
| Fiji | `fj` | `.flag-country-fj` |
| Falkland Islands | `fk` | `.flag-country-fk` |
| Federate States of Micronesia | `fm` | `.flag-country-fm` |
| Faroe Islands | `fo` | `.flag-country-fo` |
| France | `fr` | `.flag-country-fr` |
| Gabon | `ga` | `.flag-country-ga` |
| Great Britain | `gb` | `.flag-country-gb` |
| England | `gb-eng` | `.flag-country-gb-eng` |
| Nothern Ireland | `gb-nir` | `.flag-country-gb-nir` |
| Scotland | `gb-sct` | `.flag-country-gb-sct` |
| Wales | `gb-wls` | `.flag-country-gb-wls` |
| Grenada | `gd` | `.flag-country-gd` |
| Georgia | `ge` | `.flag-country-ge` |
| Guyana | `gf` | `.flag-country-gf` |
| Guernsey | `gg` | `.flag-country-gg` |
| Ghana | `gh` | `.flag-country-gh` |
| Gibraltar | `gi` | `.flag-country-gi` |
| Greenland | `gl` | `.flag-country-gl` |
| Gambia | `gm` | `.flag-country-gm` |
| Guinea | `gn` | `.flag-country-gn` |
| Guadeloupe | `gp` | `.flag-country-gp` |
| Equatorial Guinea | `gq` | `.flag-country-gq` |
| Greece | `gr` | `.flag-country-gr` |
| South Georgia | `gs` | `.flag-country-gs` |
| Guatemala | `gt` | `.flag-country-gt` |
| Guam | `gu` | `.flag-country-gu` |
| Guinea-Bissau | `gw` | `.flag-country-gw` |
| Guyana | `gy` | `.flag-country-gy` |
| Hong Kong | `hk` | `.flag-country-hk` |
| Heard and McDonald Islands | `hm` | `.flag-country-hm` |
| Honduras | `hn` | `.flag-country-hn` |
| Croatia | `hr` | `.flag-country-hr` |
| Haiti | `ht` | `.flag-country-ht` |
| Hungary | `hu` | `.flag-country-hu` |
| Indonesia | `id` | `.flag-country-id` |
| Ireland | `ie` | `.flag-country-ie` |
| Israel | `il` | `.flag-country-il` |
| Isle of Man | `im` | `.flag-country-im` |
| India | `in` | `.flag-country-in` |
| British Indian Ocean Territory | `io` | `.flag-country-io` |
| Iraq | `iq` | `.flag-country-iq` |
| Iran | `ir` | `.flag-country-ir` |
| Iceland | `is` | `.flag-country-is` |
| Italy | `it` | `.flag-country-it` |
| Jersey | `je` | `.flag-country-je` |
| Jamaica | `jm` | `.flag-country-jm` |
| Jordan | `jo` | `.flag-country-jo` |
| Japan | `jp` | `.flag-country-jp` |
| Kenya | `ke` | `.flag-country-ke` |
| Kyrgyzstan | `kg` | `.flag-country-kg` |
| Cambodia | `kh` | `.flag-country-kh` |
| Kiribati | `ki` | `.flag-country-ki` |
| Comoros | `km` | `.flag-country-km` |
| Saint Kitts and Nevis | `kn` | `.flag-country-kn` |
| North Korea | `kp` | `.flag-country-kp` |
| South Korea | `kr` | `.flag-country-kr` |
| Kuwait | `kw` | `.flag-country-kw` |
| Cayman Islands | `ky` | `.flag-country-ky` |
| Kazakhstan | `kz` | `.flag-country-kz` |
| Laos | `la` | `.flag-country-la` |
| Lebanese | `lb` | `.flag-country-lb` |
| Saint Lucia | `lc` | `.flag-country-lc` |
| Liechtenstein | `li` | `.flag-country-li` |
| Sri Lanka | `lk` | `.flag-country-lk` |
| Liberia | `lr` | `.flag-country-lr` |
| Lesotho | `ls` | `.flag-country-ls` |
| Lithuania | `lt` | `.flag-country-lt` |
| Luxembourg | `lu` | `.flag-country-lu` |
| Latvia | `lv` | `.flag-country-lv` |
| Libya | `ly` | `.flag-country-ly` |
| Morocco | `ma` | `.flag-country-ma` |
| Monaco | `mc` | `.flag-country-mc` |
| Moldova | `md` | `.flag-country-md` |
| Montenegro | `me` | `.flag-country-me` |
| Saint Martin | `mf` | `.flag-country-mf` |
| Madagascar | `mg` | `.flag-country-mg` |
| Marshall Islands | `mh` | `.flag-country-mh` |
| Macedonia | `mk` | `.flag-country-mk` |
| Mali | `ml` | `.flag-country-ml` |
| Myanmar | `mm` | `.flag-country-mm` |
| Mongolia | `mn` | `.flag-country-mn` |
| Macao | `mo` | `.flag-country-mo` |
| Nothern Mariana Islands | `mp` | `.flag-country-mp` |
| Martinique | `mq` | `.flag-country-mq` |
| Mauritania | `mr` | `.flag-country-mr` |
| Montserrat | `ms` | `.flag-country-ms` |
| Malta | `mt` | `.flag-country-mt` |
| Mauritius | `mu` | `.flag-country-mu` |
| Maldives | `mv` | `.flag-country-mv` |
| Malawi | `mw` | `.flag-country-mw` |
| Mexico | `mx` | `.flag-country-mx` |
| Malaysia | `my` | `.flag-country-my` |
| Mozambique | `mz` | `.flag-country-mz` |
| Namibia | `na` | `.flag-country-na` |
| New Caledonia | `nc` | `.flag-country-nc` |
| Niger | `ne` | `.flag-country-ne` |
| Norfolk Island | `nf` | `.flag-country-nf` |
| Nigeria | `ng` | `.flag-country-ng` |
| Nicaragua | `ni` | `.flag-country-ni` |
| Norway | `no` | `.flag-country-no` |
| Nepal | `np` | `.flag-country-np` |
| Nauruan | `nr` | `.flag-country-nr` |
| Niger | `nu` | `.flag-country-nu` |
| New Zealand | `nz` | `.flag-country-nz` |
| Oman | `om` | `.flag-country-om` |
| Panama | `pa` | `.flag-country-pa` |
| Peru | `pe` | `.flag-country-pe` |
| French Polynesia | `pf` | `.flag-country-pf` |
| Papua New Guinea | `pg` | `.flag-country-pg` |
| Philippines | `ph` | `.flag-country-ph` |
| Pakistan | `pk` | `.flag-country-pk` |
| Poland | `pl` | `.flag-country-pl` |
| Saint Pierre | `pm` | `.flag-country-pm` |
| Pitcairn Islands | `pn` | `.flag-country-pn` |
| Puerto Rico | `pr` | `.flag-country-pr` |
| Palestine | `ps` | `.flag-country-ps` |
| Portugal | `pt` | `.flag-country-pt` |
| Palau | `pw` | `.flag-country-pw` |
| Paraguay | `py` | `.flag-country-py` |
| Qatar | `qa` | `.flag-country-qa` |
| Reunion Island | `re` | `.flag-country-re` |
| Romania | `ro` | `.flag-country-ro` |
| Serbia | `rs` | `.flag-country-rs` |
| Russia | `ru` | `.flag-country-ru` |
| Rwanda | `rw` | `.flag-country-rw` |
| Saudi Arabia | `sa` | `.flag-country-sa` |
| Solomon Islands | `sb` | `.flag-country-sb` |
| Seychelles | `sc` | `.flag-country-sc` |
| Sudan | `sd` | `.flag-country-sd` |
| Sweden | `se` | `.flag-country-se` |
| Singapore | `sg` | `.flag-country-sg` |
| Saint Helena | `sh` | `.flag-country-sh` |
| Slovenia | `si` | `.flag-country-si` |
| Svalbard Island | `sj` | `.flag-country-sj` |
| Slovakia | `sk` | `.flag-country-sk` |
| Sierra Leone | `sl` | `.flag-country-sl` |
| San Marino | `sm` | `.flag-country-sm` |
| Senegal | `sn` | `.flag-country-sn` |
| Somalia | `so` | `.flag-country-so` |
| Suriname | `sr` | `.flag-country-sr` |
| South Sudan | `ss` | `.flag-country-ss` |
| Sao Tome | `st` | `.flag-country-st` |
| El Salvador | `sv` | `.flag-country-sv` |
| Sint Maarten | `sx` | `.flag-country-sx` |
| Syria | `sy` | `.flag-country-sy` |
| Swaziland | `sz` | `.flag-country-sz` |
| Turks and Caicos | `tc` | `.flag-country-tc` |
| Chad | `td` | `.flag-country-td` |
| French Southern and Antarctic Lands | `tf` | `.flag-country-tf` |
| Togo | `tg` | `.flag-country-tg` |
| Thailand | `th` | `.flag-country-th` |
| Tajikistan | `tj` | `.flag-country-tj` |
| Tokelau | `tk` | `.flag-country-tk` |
| Timor Leste | `tl` | `.flag-country-tl` |
| Turkmenistan | `tm` | `.flag-country-tm` |
| Tunisia | `tn` | `.flag-country-tn` |
| Tonga | `to` | `.flag-country-to` |
| Turkey | `tr` | `.flag-country-tr` |
| Trinidad and Tobago | `tt` | `.flag-country-tt` |
| Tuvalu | `tv` | `.flag-country-tv` |
| Taiwan | `tw` | `.flag-country-tw` |
| Tanzania | `tz` | `.flag-country-tz` |
| Ukraine | `ua` | `.flag-country-ua` |
| Uganda | `ug` | `.flag-country-ug` |
| United States Minor Islands | `um` | `.flag-country-um` |
| United States of America | `us` | `.flag-country-us` |
| Uruguay | `uy` | `.flag-country-uy` |
| Uzbekistan | `uz` | `.flag-country-uz` |
| Vatican City | `va` | `.flag-country-va` |
| Saint Vincent | `vc` | `.flag-country-vc` |
| Venezuela | `ve` | `.flag-country-ve` |
| British Virgin Islands | `vg` | `.flag-country-vg` |
| Virgiin Islands | `vi` | `.flag-country-vi` |
| Vietnam | `vn` | `.flag-country-vn` |
| Vanuatu | `vu` | `.flag-country-vu` |
| Wallis and Futuna | `wf` | `.flag-country-wf` |
| Samoa | `ws` | `.flag-country-ws` |
| Yemen | `ye` | `.flag-country-ye` |
| South Africa | `za` | `.flag-country-za` |
| Zambia | `zm` | `.flag-country-zm` |
| Zimbabwe | `zw` | `.flag-country-zw` |

## Accessibility

- A flag is a picture, not a language and not a country name. Always put the name in text next to it, or in an `aria-label`.
- Many languages are spoken in more than one country, and many countries in more than one language. A flag on a language switcher is ambiguous - use the language name, written in that language.
- The flag element is decoration, so keep it out of the reading order with `aria-hidden="true"` when the name is already there.
- Do not use a flag as the only mark of a selected option.