# Country flag Icons for a pick list

**URL:** https://community.glideapps.com/t/country-flag-icons-for-a-pick-list/85889
**Category:** General
**Created:** [January 4, 2026, 3:41pm UTC](https://community.glideapps.com/t/country-flag-icons-for-a-pick-list/85889 "2026-01-04T15:41:48Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)
#### Post date: [January 4, 2026, 3:41pm UTC](https://community.glideapps.com/t/country-flag-icons-for-a-pick-list/85889/1 "2026-01-04T15:41:48Z")

</div>

Just sharing for interest.

A nice way to create a choice component containing countries with flags is to make use of the URL template:

- The top 30 countries by GDP often include (alphabetically): Argentina, Australia, Austria, Belgium, Brazil, Canada, China, France, Germany, India, Indonesia, Ireland, Israel, Italy, Japan, Mexico, Netherlands, Poland, Russia, Saudi Arabia, Singapore, South Korea, Spain, Sweden, Switzerland, Taiwan, Turkey, United Arab Emirates, United Kingdom, and United States.

- The ISO 3166-1 alpha-2 codes for these are: AR, AU, AT, BE, BR, CA, CN, FR, DE, IN, ID, IE, IL, IT, JP, MX, NL, PL, RU, SA, SG, KR, ES, SE, CH, TW, TR, AE, GB, US.

- The `hatscripts/circle-flags` library uses lowercase ISO 3166-1 alpha-2 codes in its URL structure: `https://hatscripts.github.io/circle-flags/flags/[code].svg`.

- So the URL list becomes:

| Country | Abbreviation | URL Round Flag |
| --- | --- | --- |
| Argentina | AR | [https://hatscripts.github.io/circle-flags/flags/ar.svg](https://hatscripts.github.io/circle-flags/flags/ar.svg) |
| Australia | AU | [https://hatscripts.github.io/circle-flags/flags/au.svg](https://hatscripts.github.io/circle-flags/flags/au.svg) |
| Austria | AT | [https://hatscripts.github.io/circle-flags/flags/at.svg](https://hatscripts.github.io/circle-flags/flags/at.svg) |
| Belgium | BE | [https://hatscripts.github.io/circle-flags/flags/be.svg](https://hatscripts.github.io/circle-flags/flags/be.svg) |
| Brazil | BR | [https://hatscripts.github.io/circle-flags/flags/br.svg](https://hatscripts.github.io/circle-flags/flags/br.svg) |
| Canada | CA | [https://hatscripts.github.io/circle-flags/flags/ca.svg](https://hatscripts.github.io/circle-flags/flags/ca.svg) |
| China | CN | [https://hatscripts.github.io/circle-flags/flags/cn.svg](https://hatscripts.github.io/circle-flags/flags/cn.svg) |
| France | FR | [https://hatscripts.github.io/circle-flags/flags/fr.svg](https://hatscripts.github.io/circle-flags/flags/fr.svg) |
| Germany | DE | [https://hatscripts.github.io/circle-flags/flags/de.svg](https://hatscripts.github.io/circle-flags/flags/de.svg) |
| India | IN | [https://hatscripts.github.io/circle-flags/flags/in.svg](https://hatscripts.github.io/circle-flags/flags/in.svg) |
| Indonesia | ID | [https://hatscripts.github.io/circle-flags/flags/id.svg](https://hatscripts.github.io/circle-flags/flags/id.svg) |
| Ireland | IE | [https://hatscripts.github.io/circle-flags/flags/ie.svg](https://hatscripts.github.io/circle-flags/flags/ie.svg) |
| Israel | IL | [https://hatscripts.github.io/circle-flags/flags/il.svg](https://hatscripts.github.io/circle-flags/flags/il.svg) |
| Italy | IT | [https://hatscripts.github.io/circle-flags/flags/it.svg](https://hatscripts.github.io/circle-flags/flags/it.svg) |
| Japan | JP | [https://hatscripts.github.io/circle-flags/flags/jp.svg](https://hatscripts.github.io/circle-flags/flags/jp.svg) |
| Mexico | MX | [https://hatscripts.github.io/circle-flags/flags/mx.svg](https://hatscripts.github.io/circle-flags/flags/mx.svg) |
| Netherlands | NL | [https://hatscripts.github.io/circle-flags/flags/nl.svg](https://hatscripts.github.io/circle-flags/flags/nl.svg) |
| Poland | PL | [https://hatscripts.github.io/circle-flags/flags/pl.svg](https://hatscripts.github.io/circle-flags/flags/pl.svg) |
| Russia | RU | [https://hatscripts.github.io/circle-flags/flags/ru.svg](https://hatscripts.github.io/circle-flags/flags/ru.svg) |
| Saudi Arabia | SA | [https://hatscripts.github.io/circle-flags/flags/sa.svg](https://hatscripts.github.io/circle-flags/flags/sa.svg) |
| Singapore | SG | [https://hatscripts.github.io/circle-flags/flags/sg.svg](https://hatscripts.github.io/circle-flags/flags/sg.svg) |
| South Korea | KR | [https://hatscripts.github.io/circle-flags/flags/kr.svg](https://hatscripts.github.io/circle-flags/flags/kr.svg) |
| Spain | ES | [https://hatscripts.github.io/circle-flags/flags/es.svg](https://hatscripts.github.io/circle-flags/flags/es.svg) |
| Sweden | SE | [https://hatscripts.github.io/circle-flags/flags/se.svg](https://hatscripts.github.io/circle-flags/flags/se.svg) |
| Switzerland | CH | [https://hatscripts.github.io/circle-flags/flags/ch.svg](https://hatscripts.github.io/circle-flags/flags/ch.svg) |
| Taiwan | TW | [https://hatscripts.github.io/circle-flags/flags/tw.svg](https://hatscripts.github.io/circle-flags/flags/tw.svg) |
| Turkey | TR | [https://hatscripts.github.io/circle-flags/flags/tr.svg](https://hatscripts.github.io/circle-flags/flags/tr.svg) |
| United Arab Emirates | AE | [https://hatscripts.github.io/circle-flags/flags/ae.svg](https://hatscripts.github.io/circle-flags/flags/ae.svg) |
| United Kingdom | GB | [https://hatscripts.github.io/circle-flags/flags/gb.svg](https://hatscripts.github.io/circle-flags/flags/gb.svg) |
| United States | US | [https://hatscripts.github.io/circle-flags/flags/us.svg](https://hatscripts.github.io/circle-flags/flags/us.svg) |

Here I have used the choice component that displays the Abbreviation plus the image defined by the URL:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/0/b03bcfe818a1d623b560a52cb9a61fc515feccc1.png)

---

<div class="post-metadata">

### Author: ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)
#### Post date: [January 4, 2026, 3:49pm UTC](https://community.glideapps.com/t/country-flag-icons-for-a-pick-list/85889/2 "2026-01-04T15:49:37Z")

</div>

Beautiful!

---

<div class="post-metadata">

### Author: ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [January 4, 2026, 11:04pm UTC](https://community.glideapps.com/t/country-flag-icons-for-a-pick-list/85889/3 "2026-01-04T23:04:10Z")

</div>

That is a nice to have! Notionized!

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [January 5, 2026, 4:36am UTC](https://community.glideapps.com/t/country-flag-icons-for-a-pick-list/85889/4 "2026-01-05T04:36:56Z")

</div>

Nice! I’ve just been using emojis 🫣

---

<div class="post-metadata">

### Author: ![jb\_1mprove](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jb_1mprove/32/92375_2.png) [@jb\_1mprove](https://community.glideapps.com/u/jb_1mprove)
#### Post date: [January 6, 2026, 6:55pm UTC](https://community.glideapps.com/t/country-flag-icons-for-a-pick-list/85889/5 "2026-01-06T18:55:10Z")

</div>

Awesome!
