catamphetamine / country-flag-icons Goto Github PK
View Code? Open in Web Editor NEWVector (*.svg) country flag icons in 3x2 aspect ratio
Home Page: https://catamphetamine.github.io/country-flag-icons/3x2/
License: MIT License
Vector (*.svg) country flag icons in 3x2 aspect ratio
Home Page: https://catamphetamine.github.io/country-flag-icons/3x2/
License: MIT License
As mentioned, the design I'm working on calls for circular flags - it turns out, very little art direction is required to do this, and we could very easily add CSS-only modifiers to make this happen.
I hacked out a quick UI that lets me edit the CSS background-position
percentage of every flag, and went over all of them and adjusted them by hand - you can see the result here:
https://codesandbox.io/s/thirsty-stallman-0pnlt
So really, all I would need to do is generate a bit of CSS from these values, which I'm going to do anyway for the project I'm working on.
I decided I don't want to manually build proportional versions of every flag - almost all of them look just fine if you simply center the view over the central visual element in each flag.
I also tried to be respectful of a few flags where details would inevitably be lost - I looked up the meaning of certain elements in these flags and tried to avoid cropping out elements that represent geographical/political entities.
For all but a few flags, this worked out well, I think - maybe 3 or 4 flags in there could use a bit of actual art direction to move certain elements around, but I think this is pretty good considering we wouldn't need to go through the hassle of shipping and maintaining another whole set of flags.
Well, let me know what you think? I'm building the CSS modifier anyhow and I'd be happy to submit a PR, if you'd like. ๐
Hi, seems Netherlands Antilles flag is missing)
After cloning and running npm install
, I get the following error:
> [email protected] generate-countries /home/mindplay/workspace/country-flag-icons
> babel-node runnable/generate-countries
internal/modules/cjs/loader.js:796
throw err;
^
Error: Cannot find module '/home/mindplay/workspace/country-flag-icons/runnable/generate-countries'
The runnable
folder seems to be missing from source-control?
(This project looks fantastic, by the way! Every other flag package has some flags with way too much detail, inconsistent file sizes or dimensions etc. - it must have been quite a bit of work to curate this package... I'd like to contribute another build-script, one that inlines all the SVG images in a single CSS file to avoid the JavaScript overhead of the React component...)
Hi, I've been meaning to contact the original source of the flag icon. I hope this is the right place.
I did read the closed Issue for the flag and I would be glad to offer my help to correct the flag.
As we already know, the current flag is controversial to say the least. By looking at the poor job Flagpack did, I can see how that happened.
My suggestion would be to utilize another symbol for the country, that is a palm tree and two swords. It's used in many areas officially when not possible to use the flag.
If the above gets rejected, then dropping the writing is a viable option, too
These are not present in the standard ISO, but recognised in the ISO 3166-2 for subdivisions. Thank you :)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.