[GH-ISSUE #332] [Suggestion] Adding "Unknown" flag #207

Closed
opened 2026-03-03 14:35:26 +03:00 by kerem · 9 comments
Owner

Originally created by @arcanedev-maroc on GitHub (Dec 14, 2016).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/332

Hi @lipis,

Can you add an unknown flag to the collection ?

Something like this:

Unknown

Source: https://github.com/gosquared/flags

And for the markup:

<span class="flag-icon flag-icon-unknown"></span>

Best regards 👍

Originally created by @arcanedev-maroc on GitHub (Dec 14, 2016). Original GitHub issue: https://github.com/lipis/flag-icons/issues/332 Hi @lipis, Can you add an `unknown` flag to the collection ? Something like this: ![Unknown](https://github.com/gosquared/flags/raw/master/flags/flags/flat/64/Unknown.png) > Source: https://github.com/gosquared/flags And for the markup: ```html <span class="flag-icon flag-icon-unknown"></span> ``` Best regards 👍
kerem closed this issue 2026-03-03 14:35:27 +03:00
Author
Owner

@chillinski commented on GitHub (Jan 25, 2017):

+1
Would be nice to have something like this. I use the flags to visualize the communication in a network, where countries are linked with IPs using a GeoIP database. Private Network IPs and Broadcast-IPs are unknown and in my case marked with a pseudo-country code. (Private IPs = "00", Unknown = "??")

<!-- gh-comment-id:275065604 --> @chillinski commented on GitHub (Jan 25, 2017): +1 Would be nice to have something like this. I use the flags to visualize the communication in a network, where countries are linked with IPs using a GeoIP database. Private Network IPs and Broadcast-IPs are unknown and in my case marked with a pseudo-country code. (Private IPs = "00", Unknown = "??")
Author
Owner

@lipis commented on GitHub (Jan 25, 2017):

Maybe :)

<!-- gh-comment-id:275068948 --> @lipis commented on GitHub (Jan 25, 2017): Maybe :)
Author
Owner

@michaelthuren commented on GitHub (Mar 10, 2017):

+1 :)

<!-- gh-comment-id:285617351 --> @michaelthuren commented on GitHub (Mar 10, 2017): +1 :)
Author
Owner

@gabelloyd commented on GitHub (Apr 26, 2017):

+1

<!-- gh-comment-id:297535733 --> @gabelloyd commented on GitHub (Apr 26, 2017): +1
Author
Owner

@seandcoleman commented on GitHub (Oct 7, 2017):

That and/or show the 3 character country code? +1

<!-- gh-comment-id:334962120 --> @seandcoleman commented on GitHub (Oct 7, 2017): That and/or show the 3 character country code? +1
Author
Owner

@markusand commented on GitHub (Aug 4, 2020):

If the application accepts a touch of humour, I've previously used a pirate flag for "unknown" country :)

<!-- gh-comment-id:668756855 --> @markusand commented on GitHub (Aug 4, 2020): If the application accepts a touch of humour, I've previously used a pirate flag for "unknown" country :)
Author
Owner

@rbndelrio commented on GitHub (Feb 11, 2021):

I doodled my own flag-unknown SVG, feel free to copy-paste it if you're in a pinch:

image

<svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'>
  <path fill='#ccc' d='M0 0h512v512H0z'/>
  <text fill='#999' x='256' y='384' style='font: bold 333px sans-serif' text-anchor='middle'>?</text>
</svg>
/* JS weak typing fallbacks
.flag-icon-,
.flag-icon-0,
.flag-icon-NaN,
.flag-icon-null,
.flag-icon-false,
.flag-icon-undefined,
*/
.flag-icon-unknown {
    background-color: #ccc;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ccc' d='M0 0h512v512H0z'/%3E%3Ctext fill='%23999' x='256' y='384' style='font: bold 333px sans-serif' text-anchor='middle'%3E%3F%3C/text%3E%3C/svg%3E");
}
<!-- gh-comment-id:777656437 --> @rbndelrio commented on GitHub (Feb 11, 2021): I doodled my own `flag-unknown` SVG, feel free to copy-paste it if you're in a pinch: ![image](https://user-images.githubusercontent.com/641799/107672773-4d565e00-6c63-11eb-866d-f55c910c21c7.png) ```svg <svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'> <path fill='#ccc' d='M0 0h512v512H0z'/> <text fill='#999' x='256' y='384' style='font: bold 333px sans-serif' text-anchor='middle'>?</text> </svg> ``` ```css /* JS weak typing fallbacks .flag-icon-, .flag-icon-0, .flag-icon-NaN, .flag-icon-null, .flag-icon-false, .flag-icon-undefined, */ .flag-icon-unknown { background-color: #ccc; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ccc' d='M0 0h512v512H0z'/%3E%3Ctext fill='%23999' x='256' y='384' style='font: bold 333px sans-serif' text-anchor='middle'%3E%3F%3C/text%3E%3C/svg%3E"); } ```
Author
Owner

@NotTsunami commented on GitHub (Aug 9, 2021):

I doodled my own flag-unknown SVG, feel free to copy-paste it if you're in a pinch:

image

<svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'>
  <path fill='#ccc' d='M0 0h512v512H0z'/>
  <text fill='#999' x='256' y='384' style='font: bold 333px sans-serif' text-anchor='middle'>?</text>
</svg>
/* JS weak typing fallbacks
.flag-icon-,
.flag-icon-0,
.flag-icon-NaN,
.flag-icon-null,
.flag-icon-false,
.flag-icon-undefined,
*/
.flag-icon-unknown {
    background-color: #ccc;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ccc' d='M0 0h512v512H0z'/%3E%3Ctext fill='%23999' x='256' y='384' style='font: bold 333px sans-serif' text-anchor='middle'%3E%3F%3C/text%3E%3C/svg%3E");
}

You should totally send in a pull request for this

<!-- gh-comment-id:895088992 --> @NotTsunami commented on GitHub (Aug 9, 2021): > I doodled my own `flag-unknown` SVG, feel free to copy-paste it if you're in a pinch: > > ![image](https://user-images.githubusercontent.com/641799/107672773-4d565e00-6c63-11eb-866d-f55c910c21c7.png) > > ``` > <svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'> > <path fill='#ccc' d='M0 0h512v512H0z'/> > <text fill='#999' x='256' y='384' style='font: bold 333px sans-serif' text-anchor='middle'>?</text> > </svg> > ``` > > ```css > /* JS weak typing fallbacks > .flag-icon-, > .flag-icon-0, > .flag-icon-NaN, > .flag-icon-null, > .flag-icon-false, > .flag-icon-undefined, > */ > .flag-icon-unknown { > background-color: #ccc; > background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ccc' d='M0 0h512v512H0z'/%3E%3Ctext fill='%23999' x='256' y='384' style='font: bold 333px sans-serif' text-anchor='middle'%3E%3F%3C/text%3E%3C/svg%3E"); > } > ``` You should totally send in a pull request for this
Author
Owner

@lipis commented on GitHub (Oct 25, 2021):

#874

<!-- gh-comment-id:950971633 --> @lipis commented on GitHub (Oct 25, 2021): #874
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/flag-icons#207
No description provided.