Country Flags
Country flags display national flags for country selection, phone number inputs, and international features.
Preview
Country Flags (242 Countries)
Preview
Code
Afghanistanaf
Åland Islandsax
Albaniaal
Algeriadz
American Samoaas
Andorraad
Angolaao
Anguillaai
Antigua & Barbudaag
Argentinaar
Armeniaam
Arubaaw
Australiaau
Austriaat
Azerbaijanaz
Bahamasbs
Bahrainbh
Bangladeshbd
Barbadosbb
Belarusby
Belgiumbe
Belizebz
Beninbj
Bermudabm
Bhutanbt
Boliviabo
Bosnia & Herzegovinaba
Botswanabw
Brazilbr
British Indian Ocean Territoryio
British Virgin Islandsvg
Bruneibn
Bulgariabg
Burkina Fasobf
Burundibi
Cambodiakh
Camerooncm
Canadaca
Cape Verdecv
Caribbean Netherlandsbq
Cayman Islandsky
Central African Republiccf
Chadtd
Chilecl
Chinacn
Christmas Islandcx
Cocos (Keeling) Islandscc
Colombiaco
Comoroskm
Congo - Brazzavillecg
Congo - Kinshasacd
Cook Islandsck
Costa Ricacr
Côte d’Ivoireci
Croatiahr
Cubacu
Curaçaocw
Cypruscy
Czechiacz
Denmarkdk
Djiboutidj
Dominicadm
Dominican Republicdo
Ecuadorec
Egypteg
El Salvadorsv
Equatorial Guineagq
Eritreaer
Estoniaee
Eswatinisz
Ethiopiaet
Falkland Islandsfk
Faroe Islandsfo
Fijifj
Finlandfi
Francefr
French Guianagf
French Polynesiapf
Gabonga
Gambiagm
Georgiage
Germanyde
Ghanagh
Gibraltargi
Greecegr
Greenlandgl
Grenadagd
Guadeloupegp
Guamgu
Guatemalagt
Guernseygg
Guineagn
Guinea-Bissaugw
Guyanagy
Haitiht
Hondurashn
Hong Kong SAR Chinahk
Hungaryhu
Icelandis
Indiain
Indonesiaid
Iranir
Iraqiq
Irelandie
Isle of Manim
Israelil
Italyit
Jamaicajm
Japanjp
Jerseyje
Jordanjo
Kazakhstankz
Kenyake
Kiribatiki
Kosovoxk
Kuwaitkw
Kyrgyzstankg
Laosla
Latvialv
Lebanonlb
Lesothols
Liberialr
Libyaly
Liechtensteinli
Lithuanialt
Luxembourglu
Macao SAR Chinamo
Madagascarmg
Malawimw
Malaysiamy
Maldivesmv
Maliml
Maltamt
Marshall Islandsmh
Martiniquemq
Mauritaniamr
Mauritiusmu
Mayotteyt
Mexicomx
Micronesiafm
Moldovamd
Monacomc
Mongoliamn
Montenegrome
Montserratms
Moroccoma
Mozambiquemz
Myanmar (Burma)mm
Namibiana
Naurunr
Nepalnp
Netherlandsnl
New Caledonianc
New Zealandnz
Nicaraguani
Nigerne
Nigeriang
Niuenu
Norfolk Islandnf
North Koreakp
North Macedoniamk
Northern Mariana Islandsmp
Norwayno
Omanom
Pakistanpk
Palaupw
Palestinian Territoriesps
Panamapa
Papua New Guineapg
Paraguaypy
Perupe
Philippinesph
Pitcairn Islandspn
Polandpl
Portugalpt
Puerto Ricopr
Qatarqa
Romaniaro
Russiaru
Rwandarw
Samoaws
San Marinosm
São Tomé & Príncipest
Saudi Arabiasa
Senegalsn
Serbiars
Seychellessc
Sierra Leonesl
Singaporesg
Sint Maartensx
Slovakiask
Sloveniasi
Solomon Islandssb
Somaliaso
South Africaza
South Koreakr
South Sudanss
Spaines
Sri Lankalk
St. Barthélemybl
St. Helenash
St. Kitts & Neviskn
St. Lucialc
St. Martinmf
St. Pierre & Miquelonpm
St. Vincent & Grenadinesvc
Sudansd
Surinamesr
Swedense
Switzerlandch
Syriasy
Taiwantw
Tajikistantj
Tanzaniatz
Thailandth
Timor-Lestetl
Togotg
Tokelautk
Tongato
Trinidad & Tobagott
Tunisiatn
Türkiyetr
Turkmenistantm
Turks & Caicos Islandstc
Tuvalutv
U.S. Virgin Islandsvi
Ugandaug
Ukraineua
United Arab Emiratesae
United Kingdomgb
United Statesus
Uruguayuy
Uzbekistanuz
Vanuatuvu
Vatican Cityva
Venezuelave
Vietnamvn
Wallis & Futunawf
Western Saharaeh
Yemenye
Zambiazm
Zimbabwezw
Controls
Size:
Small (16px)
Medium (20px)
Large (24px)
Filter:
All
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
Usage
import { CountryFlag } from '@versaui/ui/components/CountryFlag';
// Basic flag
<CountryFlag country="us" />
// Different countries
<CountryFlag country="gb" />
<CountryFlag country="de" />
<CountryFlag country="jp" />
<CountryFlag country="in" />
// Different sizes
<CountryFlag country="fr" size="small" />
<CountryFlag country="fr" size="medium" />
<CountryFlag country="fr" size="large" />
// In phone input
<div className="flex items-center gap-2">
<CountryFlag country="us" size="small" />
<span>+1</span>
</div>
// Country selector
<div className="flex gap-2">
<CountryFlag country="us" size="small" />
<CountryFlag country="gb" size="small" />
<CountryFlag country="in" size="small" />
</div>Size Reference
| Prop | Type | Default | Description |
|---|---|---|---|
small | 16×16px | — | — |
medium | 20×20px | — | — |
large | 24×24px | — | — |
Supported Countries
The component supports all ISO 3166-1 alpha-2 country codes. Common examples:
| Prop | Type | Default | Description |
|---|---|---|---|
US | United States | — | — |
GB | United Kingdom | — | — |
CA | Canada | — | — |
DE | Germany | — | — |
FR | France | — | — |
JP | Japan | — | — |
IN | India | — | — |
AU | Australia | — | — |
BR | Brazil | — | — |
CN | China | — | — |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
country | string | 'us' | ISO 3166-1 alpha-2 country code. |
size | 'small' | 'medium' | 'large' | 'large' | Size of the flag. |
className | string | '' | Additional CSS classes. |