SVG flags of countries optimized for web usage.
As it seems impossible to find a full package of all country flags optimized for the web and keeping their proportions of all flags (no, flags shouldn't be squares or 4x3 rectangles), here is a complete set where the main source is wikipedia.
Most of the packages we found in Internet have defects as :
- not having the good colors or reflecting the design reality;
- not keeping the proportions;
- not really optimized for web usage (size mainly but also the use of
viewBoxSVG property);
Now that all major browsers accept natively the use of SVG as picture, it may be an interesting solution to represent flags in this format.
The folder structure distribute the flags in several categories :
flags/: countries flags;io_flags/: intergovernmental organizations flags;regions_flags/: province or regions flags for specific countries;historical_flags/: flags of disappeared country or older ones;
All flags use the viewBox SVG property to avoid them to have fixed width and height.
All flags are named with their ISO 3166-1 alpha-2 code.
Usable via CSS
Flags are in two formats : 1x1 and 4x3, do don't respect the original proportions
They are not really optimized and aren't reflecting the reality of each country flag's original design.
Synced with flag-icon-css so have the same problems.
Exports in png and gif formats
Does not respect the original design of all flags (compare the bolivian flag for example).
Flags are not fully web optimized (look at the code of all flags)
flagstories : interesting website about flags history