DEV Community

Get Instant Country Flags

⚡ Nirazan Basnet ⚡ on April 09, 2021

While working on one of my projects, there is one feature where I need to display a specific flag depending upon the country code. My first approa...

Read full post

Jon Randy 🎖️ • Apr 9 '21 • Edited

const getFlagEmoji = countryCode=>String.fromCodePoint(...[...countryCode.toUpperCase()].map(x=>0x1f1a5+x.charCodeAt()))

getFlagEmoji('GB') // 🇬🇧
getFlagEmoji('JP') // 🇯🇵
getFlagEmoji('ZA') // 🇿🇦

Arun Murugan • Apr 9 '21

This is Awesome!

⚡ Nirazan Basnet ⚡ • Apr 10 '21

Thanks!!

Daniel Simão • Apr 10 '21

🤣🤣🤣🤣🤣🤣

Kasper Mróz • Apr 9 '21

Love it! 🔥

⚡ Nirazan Basnet ⚡ • Apr 10 '21

Thanks!!

⚡ Nirazan Basnet ⚡ • Apr 9 '21

Great.

David Krmela • Apr 16 '21

Hi Nirazan, you mentioned Flagpedia.net as a place where you can download the archive with flags. But it also supports API access:

flagpedia.net/download/api

Examples:

flagcdn.com/w160/gb.png (standard – fixed width, variable height)
flagcdn.com/h120/gb.png (standard – fixed height, variable width)
flagcdn.com/160x120/gb.png (waving – fixed width and height)

There are a lot of different resolution. Maybe someone will find it useful.

⚡ Nirazan Basnet ⚡ • Mar 16 '22

Thanks for the information :)

Jeremy Persing • Dec 21 '21

Hey, I was working on a project recently and used your post to implement flags into the project. Unfortunately, half way through the project countryflags.io went down. Because of this, I decided to make my own API, countryflagsapi.com. The API allows you to get a country by it's two letter code (ISO Alpha-2 code), along with the country's name, it's three letter code (ISO Alpha-3 code), or UN code. Thanks for the post Nirazan, and hopefully this API can help anyone that's run into trouble with countryflags.io being down.

⚡ Nirazan Basnet ⚡ • Mar 16 '22

Thanks for the information. Definitely, I will try your api structure.

Bankole • Nov 11 '21

Nov 11th 2021 - 4:00 a.m. WAT - countryflags.io is down

⚡ Nirazan Basnet ⚡ • Mar 16 '22

Yes, so I had add alternative solution. Hope you like it :)

Tulio Calil • Apr 11 '21

🇧🇷

hgpit • Apr 29 '21

Did something happen to this domain? it's been down for at least 2 days now :(

⚡ Nirazan Basnet ⚡ • Mar 16 '22

Yes, the site is down so I had added alternative solution. Hope you like it :)

Mohit Maroliya • Nov 14 '21

I guess countryflags.io is not working now.

⚡ Nirazan Basnet ⚡ • Mar 16 '22

Yes, the site is down so I had added alternative solution. Hope you like it :)

Aj • Nov 26

Really inspiring thank you so much, I got really inspired and decided to create a country's capital finder just displaying the capital of any country in python and run on Flask maybe this would help you find any capital you want :)

(dev.to/amedalen/any-countrys-capit...)

Once again thank you for this wonderful post.