Flag

A flag is used to represent a political state.
Example
Theme
Auto
Auto
Light
Dark
Scale
Medium
Large
Medium
Small
<span class="ts-flag is-taiwan-flag"></span>
<span class="ts-flag is-america-flag"></span>
<span class="ts-flag is-hong-kong-flag"></span>
States
Disabled

A flag can show it is currently unable to be interacted with.

<span class="ts-flag is-disabled is-south-korea-flag"></span>
<span class="ts-flag is-disabled is-malaysia-flag"></span>
Variations
Rounded

A flag can be rounded.

<span class="ts-flag is-rounded is-india-flag"></span>
<span class="ts-flag is-rounded is-canada-flag"></span>
Squared

A flag can be squared.

<span class="ts-flag is-squared is-nigeria-flag"></span>
<span class="ts-flag is-squared is-china-flag"></span>
Circular

A flag can be circular.

<span class="ts-flag is-circular is-united-kingdom-flag"></span>
<span class="ts-flag is-circular is-malaysia-flag"></span>
Bordered

A flag can have a border, typically used for flags with a white background.

<span class="ts-flag is-bordered is-japan-flag"></span>
Sizes

A flag can have different sizes.

<span class="ts-flag is-small is-taiwan-flag"></span>
<span class="ts-flag is-taiwan-flag"></span>
<span class="ts-flag is-large is-taiwan-flag"></span>
Spaced

A flag can have space around it.

This is France
is Brazil
And is Vietnam
This is France <span class="ts-flag is-start-spaced is-france-flag"></span>
<span class="ts-flag is-end-spaced is-brazil-flag"></span> is Brazil
And <span class="ts-flag is-spaced is-vietnam-flag"></span> is Vietnam
Flag List

A flag can use the two digit country code, the full name, or a common alias.

ISO 3166-2 Alias
ad andorra
ae uae, united-arab-emirates
af afghanistan
ag antigua
ai anguilla
al albania
am armenia
ao angola
aq antarctica
ar argentina
as american-samoa
at austria
au australia
aw aruba
ax aland-islands
az azerbaijan
ba bosnia
bb barbados
bd bangladesh
be belgium
bf burkina-faso
bg bulgaria
bh bahrain
bi burundi
bj benin
bl saint-barthélemy, saint-barthelemy
bm bermuda
bn brunei
bo bolivia
bq caribbean-netherlands
br brazil
bs bahamas
bt bhutan
bv bouvet-island
bw botswana
by belarus
bz belize
ca canada
cc cocos-islands
cd congo
cf central-african-republic
cg congo-brazzaville
ch switzerland
ci cote-divoire
ck cook-islands
cl chile
cm cameroon
cn china, peoples-republic-of-china
co colombia
cr costa-rica
cu cuba
cv cape-verde
cw curaçao, curacao
cx christmas-island
cy cyprus
cz czech-republic
de germany
dj djibouti
dk denmark
dm dominica
do dominican-republic
dz algeria
ec ecuador
ee estonia
eg egypt
eh western-sahara
er eritrea
es spain
es-ct scotland
et ethiopia
eu european-union
fi finland
fj fiji
fk falkland-islands
fm micronesia
fo faroe-islands
fr france
ga gabon
gb united-kingdom
gb-eng england
gb-nir northern-ireland
gb-sct scotland
gb-wls wales
gd grenada
ge georgia
gf french-guiana
gg guernsey
gh ghana
gi gibraltar
gl greenland
gm gambia
gn guinea
gp guadeloupe
gq equatorial-guinea
gr greece
gs sandwich-islands
gt guatemala
gu guam
gw guinea-bissau
gy guyana
hk hong-kong
hm heard-island
hn honduras
hr croatia
ht haiti
hu hungary
id indonesia
ie ireland
il israel
im isle-of-man
in india
io indian-ocean-territory
iq iraq
ir iran
is iceland
it italy
je jersey
jm jamaica
jo jordan
jp japan
ke kenya
kg kyrgyzstan
kh cambodia
ki kiribati
km comoros
kn saint-kitts-and-nevis, saint-kitts, nevis
kp north-korea
kr south-korea, korea
kw kuwait
ky cayman-islands
kz kazakhstan
la laos
lb lebanon
lc saint-lucia
li liechtenstein
lk sri-lanka
lr liberia
ls lesotho
lt lithuania
lu luxembourg
lv latvia
ly libya
ma morocco
mc monaco
md moldova
me montenegro
mf saint-martin
mg madagascar
mh marshall-islands
mk macedonia
ml mali
mm burma, myanmar
mn mongolia
mo macau
mp northern-mariana-islands
mq martinique
mr mauritania
ms montserrat
mt malta
mu mauritius
mv maldives
mw malawi
mx mexico
my malaysia
mz mozambique
na namibia
nc new-caledonia
ne niger
nf norfolk-island
ng nigeria
ni nicaragua
nl netherlands
no norway
np nepal
nr nauru
nu niue
nz new-zealand
om oman
pa panama
pe peru
pf french-polynesia
pg new-guinea
ph philippines
pk pakistan
pl poland
pm saint-pierre
pn pitcairn-islands
pr puerto-rico
ps palestine
pt portugal
pw palau
py paraguay
qa qatar
re reunion
ro romania
rs serbia
ru russia
rw rwanda
sa saudi-arabia
sb solomon-islands
sc seychelles
sd sudan
se sweden
sg singapore
sh saint-helena
si slovenia
sj jan-mayen-and-svalbard, svalbard, jan-mayen
sk slovakia
sl sierra-leone
sm san-marino
sn senegal
so somalia
sr suriname
ss south-sudan
st sao-tome
sv el-salvador
sx sint-maarten
sy syria
sz swaziland
tc caicos-islands
td chad
tf french-territories
tg togo
th thailand
tj tajikistan
tk tokelau
tl timorleste
tm turkmenistan
tn tunisia
to tonga
tr turkey
tt trinidad
tv tuvalu
tw taiwan, republic-of-china, formosa
tz tanzania
ua ukraine
ug uganda
um us-minor-islands
un united-nations
us united-states, america, usa
uy uruguay
uz uzbekistan
va vatican-city
vc saint-vincent
ve venezuela
vg british-virgin-islands
vi us-virgin-islands
vn vietnam
vu vanuatu
wf wallis-and-futuna, wallis, futuna
ws samoa
ye yemen
yt mayotte
za south-africa
zm zambia
zw zimbabwe
zz unknown
Designed by Yami Odymel from Taiwan, along with the ❤️ from contributors. The source code is licensed under MIT, and the documentation is under CC 0 public domain. Feel free to use, share, or contribute. Tocas UI is a design system for Caris Events, part of Sorae & Co., Ltd.
Translators: Yami Odymel
Trademark of the owner of Tocas UI