Skip to content
Css sprite with country flags
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css Added new flags Oct 5, 2015
img Added new flags Oct 5, 2015
.gitignore Modified file sizes in readme, added gitignore file Oct 2, 2015
preview.html Added new flags Oct 5, 2015
preview.png Added new flags Oct 5, 2015
readme.md Updating file sizes in readme Oct 5, 2015

readme.md

Country Flags Responsive CSS Sprite

A set of great looking country flag icons packed into a responsive CSS sprite.

alt tag

What's Included?

  • CSS file (css/flags.css)
  • Background image (img/responsive_flags.png)
  • Separate flag images names after country abbreviation codes, in case you need them (img/separate/*.png)
  • Transparent placeholder image which you can use if you want to scale the flags easily (/img/flag_placeholder.png)
  • Preview HTML page

Size?

  • Sprite image: 54.1 kilobytes
  • CSS file: 10 kilobytes
  • Placeholder image: 96 bytes

How to use?

  1. With a SPAN element. Default size is 44x30px.
<span class="flag flag-{country-abbreviation}>...
  1. With a responsive placeholder. By default the image width is set to flow 30px for PPO, but you can of course change this to anything you need.
<img src="img/flag_placeholder.png" class="flag flag-{country-abbreviation}>...

When dynamically displaying flags inside your app or website by referencing abbreviations , in case of a missing flag a stock gray one with an X sign will be displayed.

List of country flags inside sprite:

  1. Andorra (AD)
  2. United Arab Emirates (AE)
  3. Afghanistan (AF)
  4. Antigua and/or Barbuda (AG)
  5. Anguilla (AI)
  6. Albania (AL)
  7. Armenia (AM)
  8. Netherlands Antilles (AN)
  9. Angola (AO)
  10. Antarctica (AQ)
  11. Argentina (AR)
  12. American Samoa (AS)
  13. Austria (AT)
  14. Australia (AU)
  15. Aruba (AW)
  16. Azerbaijan (AZ)
  17. Bosnia and Herzegovina (BA)
  18. Barbados (BB)
  19. Bangladesh (BD)
  20. Belgium (BE)
  21. Burkina Faso (BF)
  22. Bulgaria (BG)
  23. Bahrain (BH)
  24. Burundi (BI)
  25. Benin (BJ)
  26. Bermuda (BM)
  27. Brunei Darussalam (BN)
  28. Bolivia (BO)
  29. Brazil (BR)
  30. Bahamas (BS)
  31. Bhutan (BT)
  32. Bouvet Island (BV)
  33. Botswana (BW)
  34. Belarus (BY)
  35. Belize (BZ)
  36. Canada (CA)
  37. Cocos (Keeling) Islands (CC)
  38. Central African Republic (CF)
  39. Congo (CG)
  40. Switzerland (CH)
  41. Ivory Coast (CI)
  42. Cook Islands (CK)
  43. Chile (CL)
  44. Cameroon (CM)
  45. China (CN)
  46. Colombia (CO)
  47. Costa Rica (CR)
  48. Cuba (CU)
  49. Cape Verde (CV)
  50. Christmas Island (CX)
  51. Cyprus (CY)
  52. Czech Republic (CZ)
  53. Germany (DE)
  54. Djibouti (DJ)
  55. Denmark (DK)
  56. Dominica (DM)
  57. Dominican Republic (DO)
  58. Algeria (DZ)
  59. Ecudaor (EC)
  60. Estonia (EE)
  61. Egypt (EG)
  62. Western Sahara (EH)
  63. Eritrea (ER)
  64. Spain (ES)
  65. Ethiopia (ET)
  66. Finland (FI)
  67. Fiji (FJ)
  68. Falkland Islands (Malvinas) (FK)
  69. Micronesia, Federated States of (FM)
  70. Faroe Islands (FO)
  71. France (FR)
  72. France, Metropolitan (FX)
  73. Gabon (GA)
  74. United Kingdom (GB)
  75. Grenada (GD)
  76. Georgia (GE)
  77. French Guiana (GF)
  78. Ghana (GH)
  79. Gibraltar (GI)
  80. Greenland (GL)
  81. Gambia (GM)
  82. Guinea (GN)
  83. Guadeloupe (GP)
  84. Equatorial Guinea (GQ)
  85. Greece (GR)
  86. South Georgia South Sandwich Islands (GS)
  87. Guatemala (GT)
  88. Guam (GU)
  89. Guinea-Bissau (GW)
  90. Guyana (GY)
  91. Hong Kong (HK)
  92. Heard and Mc Donald Islands (HM)
  93. Honduras (HN)
  94. Croatia (Hrvatska) (HR)
  95. Haiti (HT)
  96. Hungary (HU)
  97. Indonesia (ID)
  98. Ireland (IE)
  99. Israel (IL)
  100. India (IN)
  101. British lndian Ocean Territory (IO)
  102. Iraq (IQ)
  103. Iran (Islamic Republic of) (IR)
  104. Iceland (IS)
  105. Italy (IT)
  106. Jamaica (JM)
  107. Jordan (JO)
  108. Japan (JP)
  109. Kenya (KE)
  110. Kyrgyzstan (KG)
  111. Cambodia (KH)
  112. Kiribati (KI)
  113. Comoros (KM)
  114. Saint Kitts and Nevis (KN)
  115. Korea, Democratic People's Republic of (KP)
  116. Korea, Republic of (KR)
  117. Kuwait (KW)
  118. Cayman Islands (KY)
  119. Kazakhstan (KZ)
  120. Lao People's Democratic Republic (LA)
  121. Lebanon (LB)
  122. Saint Lucia (LC)
  123. Liechtenstein (LI)
  124. Sri Lanka (LK)
  125. Liberia (LR)
  126. Lesotho (LS)
  127. Lithuania (LT)
  128. Luxembourg (LU)
  129. Latvia (LV)
  130. Libyan Arab Jamahiriya (LY)
  131. Morocco (MA)
  132. Monaco (MC)
  133. Moldova, Republic of (MD)
  134. Madagascar (MG)
  135. Marshall Islands (MH)
  136. Macedonia (MK)
  137. Mali (ML)
  138. Myanmar (MM)
  139. Mongolia (MN)
  140. Macau (MO)
  141. Northern Mariana Islands (MP)
  142. Martinique (MQ)
  143. Mauritania (MR)
  144. Montserrat (MS)
  145. Malta (MT)
  146. Mauritius (MU)
  147. Maldives (MV)
  148. Malawi (MW)
  149. Mexico (MX)
  150. Malaysia (MY)
  151. Mozambique (MZ)
  152. Namibia (NA)
  153. New Caledonia (NC)
  154. Niger (NE)
  155. Norfork Island (NF)
  156. Nigeria (NG)
  157. Nicaragua (NI)
  158. Netherlands (NL)
  159. Norway (NO)
  160. Nepal (NP)
  161. Nauru (NR)
  162. Niue (NU)
  163. New Zealand (NZ)
  164. Oman (OM)
  165. Panama (PA)
  166. Peru (PE)
  167. French Polynesia (PF)
  168. Papua New Guinea (PG)
  169. Philippines (PH)
  170. Pakistan (PK)
  171. Poland (PL)
  172. St. Pierre and Miquelon (PM)
  173. Pitcairn (PN)
  174. Puerto Rico (PR)
  175. Portugal (PT)
  176. Palau (PW)
  177. Paraguay (PY)
  178. Qatar (QA)
  179. Reunion (RE)
  180. Romania (RO)
  181. Serbia (RS)
  182. Russian Federation (RU)
  183. Rwanda (RW)
  184. Saudi Arabia (SA)
  185. Solomon Islands (SB)
  186. Seychelles (SC)
  187. Sudan (SD)
  188. Sweden (SE)
  189. Singapore (SG)
  190. St. Helena (SH)
  191. Slovenia (SI)
  192. Svalbarn and Jan Mayen Islands (SJ)
  193. Slovakia (SK)
  194. Sierra Leone (SL)
  195. San Marino (SM)
  196. Senegal (SN)
  197. Somalia (SO)
  198. Suriname (SR)
  199. Sao Tome and Principe (ST)
  200. El Salvador (SV)
  201. Syrian Arab Republic (SY)
  202. Swaziland (SZ)
  203. Turks and Caicos Islands (TC)
  204. Chad (TD)
  205. French Southern Territories (TF)
  206. Togo (TG)
  207. Thailand (TH)
  208. Tajikistan (TJ)
  209. Tokelau (TK)
  210. Turkmenistan (TM)
  211. Tunisia (TN)
  212. Tonga (TO)
  213. East Timor (TP)
  214. Turkey (TR)
  215. Trinidad and Tobago (TT)
  216. Tuvalu (TV)
  217. Taiwan (TW)
  218. Mayotte (TY)
  219. Tanzania, United Republic of (TZ)
  220. Ukraine (UA)
  221. Uganda (UG)
  222. United States minor outlying islands (UM)
  223. United States (US)
  224. Uruguay (UY)
  225. Uzbekistan (UZ)
  226. Vatican City State (VA)
  227. Saint Vincent and the Grenadines (VC)
  228. Venezuela (VE)
  229. Virgin Islands (British) (VG)
  230. Virgin Islands (U.S.) (VI)
  231. Vietnam (VN)
  232. Vanuatu (VU)
  233. Wallis and Futuna Islands (WF)
  234. Samoa (WS)
  235. Yemen (YE)
  236. South Africa (ZA)
  237. Zambia (ZM)
  238. Zaire (ZR)
  239. Zimbabwe (ZW)
You can’t perform that action at this time.