flag-sprites

KO | EN

gitlite — search

#hacktoberfest #ai #llm #android #machine-learning #macos #java #windows #kubernetes #vue #awesome-list #mcp #openai #open-source

(★ 12)

🏳 Country flags in LESS sprite

flag-sprites Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Flag Sprites
============

[CSS Sprites](https://en.wikipedia.org/wiki/Sprite_(computer_graphics)#Sprites_by_CSS) -
a method to optimize page loads by combining a large number
of small images into one. The method of extremely relevant with the active
use of country flags - with all the flags on one page, then load it, the
browser will need to make only two server requests instead of 247.

Usage
-----------

* Install bower (if not already)
```bash
npm install -g bower
```

* Get the package and persist it to your `bower.json`
```bash
bower install flag-sprites --save
```

* Include the stylesheet
```html
<link href="components/flag-sprites/dist/css/flag-sprites.min.css" rel="stylesheet" type="text/css"/>
```

* Use anywhere on your page
```html
<i class="flag flag-ca"></i>
```

Attribution
-----------

Flag icons come from [FamFamFam](http://www.famfamfam.com/lab/icons/flags/), and callable following the [ISO 3166-1 alpha-2 country codes](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2).

FamFamFam flag icons are "available for free use for any purpose with no requirement for attribution".

Based on the concept of [flag-sprites](https://www.flag-sprites.com/), repackaged for [bower](http://bower.io/) and [LESS](http://lesscss.org) usage to optimize integration.

flag-sprites

flag-sprites Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

flag-sprites

flag-sprites Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README