A beautiful svg
+ png
+ sass
+ css
collection of 261 flags by Yefferson Marín.
All sketch
files were pulled from madebybowtie/FlagKit.
Check out yammadev/brand-icons.
Yefferson Marín - (@yammadev)
1. Add the compiled css
file to your html
.
<!-- Use generated lib -->
<link rel="stylesheet" href="https://github.com/yammadev/flag-icons/blob/master/css/flag-icons.css">
<!-- Or compressed -->
<link rel="stylesheet" href="https://github.com/yammadev/flag-icons/blob/master/css/flag-icons.min.css">
2. Download the svg
(folder) icons in your path.
3. Use <i>
or <span>
tags adding the class flag-icons
followed of the flag code
(look Reference bellow for details) which is the ISO 3166-1-alpha-2 code for each one. The result is a rectangular
flag, however, the square
class can be used if a squared one is required:
<!-- Using <i> -->
<i class="flag-icons CO"></i>
<i class="flag-icons square CO"></i>
<!-- Using <span> -->
<span class="flag-icons CO"></span>
<span class="flag-icons square CO"></span>
4. You can also format the default size of the flag in a custom css
file:
.flag-icons, /* Format default wrapper */
.rectangle { /* Or use as new class */
height: 2em !important;
width: 2.66667em !important;
line-height: 2em !important;
}
.flag-icons, /* Format default wrapper */
.square, /* Format default square class */
.squared { /* Or use as new class */
height: 2em !important;
width: 2em !important;
line-height: 2em !important;
}
<!-- Rectangle -->
<i class="flag-icons CO"></i>
<i class="flag-icons rectangle CO"></i>
<!-- Square -->
<i class="flag-icons CO"></i>
<i class="flag-icons square CO"></i>
<i class="flag-icons squared CO"></i>
1. From svg
folder get just the flags you need
2 Edit the library css/flag-icons.css
by just leaving the classes for the selected flags.
3. Use as explained before.
1. In svg
folder put just the files you need, and then edit sass/_variables.sass
, where 'code'
represents the name(s) of the desired flag(s).
// ...
$flags: (
'code'
...
'code'
)
2. Run in terminal:
# Install dependencies
$ npm install
# Build!
$ grunt build
3. It will generate:
/css <-- .css, .min.css
4. Use as usual.
Issues and pull requests are most than welcome.
Released under the MIT license.
8 flags:
Flag | Code | Region |
---|---|---|
CAF | Africa | |
CAS | Asia | |
CNA | North America | |
COC | Oceania | |
CSA | South America | |
EU | European Union | |
WW | World | |
LGBT | Pride |
253 flags:
Flag | Code | Region |
---|---|---|
AD | Andorra | |
AE | United Arab Emirates | |
AF | Afghanistan | |
AG | Antigua & Barbuda | |
AI | Anguilla | |
AL | Albania | |
AM | Armenia | |
AO | Angola | |
AR | Argentina | |
AS | American Samoa | |
AT | Austria | |
AU | Australia | |
AW | Aruba | |
AX | Åland Islands | |
AZ | Azerbaijan | |
BA | Bosnia & Herzegovina | |
BB | Barbados | |
BD | Bangladesh | |
BE | Belgium | |
BF | Burkina Faso | |
BG | Bulgaria | |
BH | Bahrain | |
BI | Burundi | |
BJ | Benin | |
BL | St. Barthélemy | |
BM | Bermuda | |
BN | Brunei | |
BO | Bolivia | |
BR | Brazil | |
BS | Bahamas | |
BT | Bhutan | |
BV | Bouvet Island | |
BW | Botswana | |
BY | Belarus | |
BZ | Belize | |
CA | Canada | |
CC | Cocos (Keeling) Islands | |
CD | Congo - Kinshasa | |
CF | Central African Republic | |
CG | Congo - Brazzaville | |
CH | Switzerland | |
CI | Côte d’Ivoire | |
CK | Cook Islands | |
CL | Chile | |
CM | Cameroon | |
CN | China | |
CO | Colombia | |
CR | Costa Rica | |
CU | Cuba | |
CV | Cape Verde | |
CW | Curaçao | |
CX | Christmas Island | |
CY | Cyprus | |
CZ | Czech Republic | |
DE | Germany | |
DJ | Djibouti | |
DK | Denmark | |
DM | Dominica | |
DO | Dominican Republic | |
DZ | Algeria | |
EC | Ecuador | |
EE | Estonia | |
EG | Egypt | |
ER | Eritrea | |
ES | Spain | |
ET | Ethiopia | |
FI | Finland | |
FJ | Fiji | |
FK | Falkland Islands | |
FM | Micronesia | |
FO | Faroe Islands | |
FR | France | |
GA | Gabon | |
GB | United Kingdom | |
GB-ENG | England | |
GB-NIR | Northern Ireland | |
GB-SCT | Scotland | |
GB-WLS | Wales | |
GB-ZET | Shetland | |
GD | Grenada | |
GE | Georgia | |
GF | French Guiana | |
GG | Guernsey | |
GH | Ghana | |
GI | Gibraltar | |
GL | Greenland | |
GM | Gambia | |
GN | Guinea | |
GP | Guadeloupe | |
GQ | Equatorial Guinea | |
GR | Greece | |
GS | So. Georgia & So. Sandwich Isl. | |
GT | Guatemala | |
GU | Guam | |
GW | Guinea-Bissau | |
GY | Guyana | |
HK | Hong Kong (China) | |
HM | Heard & McDonald Islands | |
HN | Honduras | |
HR | Croatia | |
HT | Haiti | |
HU | Hungary | |
ID | Indonesia | |
IE | Ireland | |
IL | Israel | |
IM | Isle of Man | |
IN | India | |
IO | British Indian Ocean Territory | |
IQ | Iraq | |
IR | Iran | |
IS | Iceland | |
IT | Italy | |
JE | Jersey | |
JM | Jamaica | |
JO | Jordan | |
JP | Japan | |
KE | Kenya | |
KG | Kyrgyzstan | |
KH | Cambodia | |
KI | Kiribati | |
KM | Comoros | |
KN | St. Kitts & Nevis | |
KP | North Korea | |
KR | South Korea | |
KW | Kuwait | |
KY | Cayman Islands | |
KZ | Kazakhstan | |
LA | Laos | |
LB | Lebanon | |
LC | St. Lucia | |
LI | Liechtenstein | |
LK | Sri Lanka | |
LR | Liberia | |
LS | Lesotho | |
LT | Lithuania | |
LU | Luxembourg | |
LV | Latvia | |
LY | Libya | |
MA | Morocco | |
MC | Monaco | |
MD | Moldova | |
ME | Montenegro | |
MF | St. Martin | |
MG | Madagascar | |
MH | Marshall Islands | |
MK | Macedonia | |
ML | Mali | |
MM | Myanmar (Burma) | |
MN | Mongolia | |
MO | Macau (China) | |
MP | Northern Mariana Islands | |
MQ | Martinique | |
MR | Mauritania | |
MS | Montserrat | |
MT | Malta | |
MU | Mauritius | |
MV | Maldives | |
MW | Malawi | |
MX | Mexico | |
MY | Malaysia | |
MZ | Mozambique | |
NA | Namibia | |
NC | New Caledonia | |
NE | Niger | |
NF | Norfolk Island | |
NG | Nigeria | |
NI | Nicaragua | |
NL | Netherlands | |
NO | Norway | |
NP | Nepal | |
NR | Nauru | |
NU | Niue | |
NZ | New Zealand | |
OM | Oman | |
PA | Panama | |
PE | Peru | |
PF | French Polynesia | |
PG | Papua New Guinea | |
PH | Philippines | |
PK | Pakistan | |
PL | Poland | |
PM | St. Pierre & Miquelon | |
PN | Pitcairn Islands | |
PR | Puerto Rico | |
PS | Palestinian Territories | |
PT | Portugal | |
PW | Palau | |
PY | Paraguay | |
QA | Qatar | |
RE | Réunion | |
RO | Romania | |
RS | Serbia | |
RU | Russia | |
RW | Rwanda | |
SA | Saudi Arabia | |
SB | Solomon Islands | |
SC | Seychelles | |
SD | Sudan | |
SE | Sweden | |
SG | Singapore | |
SH | St. Helena | |
SI | Slovenia | |
SJ | Svalbard & Jan Mayen | |
SK | Slovakia | |
SL | Sierra Leone | |
SM | San Marino | |
SN | Senegal | |
SO | Somalia | |
SR | Suriname | |
SS | South Sudan | |
ST | São Tomé & Príncipe | |
SV | El Salvador | |
SX | Sint Maarten | |
SY | Syria | |
SZ | Swaziland | |
TC | Turks & Caicos Islands | |
TD | Chad | |
TF | French Southern Territories | |
TG | Togo | |
TH | Thailand | |
TJ | Tajikistan | |
TK | Tokelau | |
TL | Timor-Leste | |
TM | Turkmenistan | |
TN | Tunisia | |
TO | Tonga | |
TR | Turkey | |
TT | Trinidad & Tobago | |
TV | Tuvalu | |
TW | Taiwan | |
TZ | Tanzania | |
UA | Ukraine | |
UG | Uganda | |
UM | U.S. Outlying Islands | |
US | United States | |
US-CA | California | |
UY | Uruguay | |
UZ | Uzbekistan | |
VA | Vatican City | |
VC | St. Vincent & Grenadines | |
VE | Venezuela | |
VG | British Virgin Islands | |
VI | U.S. Virgin Islands | |
VN | Vietnam | |
VU | Vanuatu | |
WF | Wallis & Futuna | |
WS | Samoa | |
XK | Kosovo | |
YE | Yemen | |
YT | Mayotte | |
ZA | South Africa | |
ZM | Zambia | |
ZW | Zimbabwe |
All notable changes to this project are documented in this part of the file. The format is based on Keep a Changelog.
_config.yml
.svg
and png
)sass
files.readme
.readme
based on this issue / in _config.yml
.readme
edited.github
page view.github
page view.Github
page added using jekyll-theme-cayman
.readme
.readme
edited.readme
edited.readme
edited.readme
edited.readme
edited.grunt
integrated for better and cleaner approach.png
flags.readme
edited.sass
better approach.readme
.svg
flags.sass
boilerplate.css
libraries.readme
+ license.