FamFamFam Country Flags Sprite with ISO 3166-1 Alpha 2, Alpha 3 and Numeric code standarts.
$ bower install country-flags --save
<link rel="stylesheet" href="/bower_components/country-flags/css/flags.css">
<!-- Alpha 2 Code -->
<i class="flag ge"></i>
<!-- Alpha 3 Code -->
<i class="flag geo"></i>
<!-- Numeric Code -->
<i class="flag n-268"></i>
<!-- Country Name -->
<i class="flag georgia"></i>
<!-- note: "ka" can be used as alternative only for georgian flag -->
<i class="flag ka"></i>
Flag sprites and list of countries can be found on flag-sprites.com.
This package has SASS support (SCSS Syntax).
// override default options
$flags-selector: '.flag';
$flags-numeric-code-prefix: '.n-';
$flags-path: '../images/flags.png';
// import _flags.scss file
@import "/bower_components/country-flags/scss/flags";
Some countries does not have an official Alpha 2, Alpha 3 or Numeric codes.
Below is the table of those countries and their unofficial ISO codes, which is used in this CSS.
Country Name | Alpha 2 | Alpha 3 | Numeric |
---|---|---|---|
Catalonia | ct |
ctl |
--- |
Canary Islands | ic |
cic |
--- |
England | en |
eng |
--- |
Kurdistan | kd |
krd |
--- |
Scotland | sq |
sco |
--- |
Somaliland | sw |
sml |
--- |
Tibet | tb |
tbt |
--- |
Wales | wa |
wls |
--- |
Zanzibar | zn |
znz |
--- |
$ sass --watch scss/_flags.scss:css/flags.css --style compressed --sourcemap=none