PHPackages                             atelierspierrot/famfamfam-flags-sprite - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. atelierspierrot/famfamfam-flags-sprite

AbandonedArchivedLibrary-assets

atelierspierrot/famfamfam-flags-sprite
======================================

The UNOFFICIAL sprite of the Flags icons by FamFamFam (http://www.famfamfam.com/lab/icons/flags/)

v1.0.0(12y ago)3864[1 PRs](https://github.com/atelierspierrot/famfamfam-flags-sprite/pulls)CSS

Since Oct 12Pushed 10y ago1 watchersCompare

[ Source](https://github.com/atelierspierrot/famfamfam-flags-sprite)[ Packagist](https://packagist.org/packages/atelierspierrot/famfamfam-flags-sprite)[ Docs](http://github.com/atelierspierrot/famfamfam-flags-sprite)[ RSS](/packages/atelierspierrot-famfamfam-flags-sprite/feed)WikiDiscussions master Synced today

READMEChangelogDependenciesVersions (4)Used By (0)

FamFamFam - Flags icons CSS sprite
==================================

[](#famfamfam---flags-icons-css-sprite)

The **UNOFFICIAL** sprites of the *FamFamFam Flags icons*by [FamFamFam](http://www.famfamfam.com).

**!! - This work is unofficial and is not liable for FamFamFam.**

Overview
--------

[](#overview)

This package proposes a CSS sprite constructed on the [FamFamFam Flags web-icons set](http://www.famfamfam.com/lab/icons/flags/)proposed under a free license.

To learn more about "CSS sprites" conception, see the [Sprite (computer graphics) wikipedia's page](http://en.wikipedia.org/wiki/Sprite_%28computer_graphics%29#Sprites_by_CSS).

Usage
-----

[](#usage)

### Installation

[](#installation)

This package is a "standalone" CSS framework. To use it, you just need to get its sources from GitHub and include the `src/` content of the package in your project assets.

If you are a [Bower](http://bower.io/) user, the package is registered so you can write in your `bower.json`:

```
"dependencies": {
    ...
    "famfamfam-flags-sprite": "atelierspierrot/famfamfam-flags-sprite#master"
}

```

If you are a [Composer](http://getcomposer.org/) user, the package is referenced to Packagist so you can write in your `composer.json`:

```
"require": {
    ...
    "atelierspierrot/famfamfam-flags-sprite": "dev-master"
}

```

The package has a `library-assets` type to allow handling by the [Assets Manager](http://github.com/atelierspierrot/assets-manager) Composer's extension. If you plan to use the manager, you can use the `assets-install` branch of the package, which has the AssetsManager in its requirements (to be sure it will be loaded before the sprite and be able to move it in the project assets).

### HTML usage

[](#html-usage)

Once the package is included in your project, you can start to use the sprites framework.

To do so, you first need to include the CSS definitions:

```

```

Then you can start writing some Flag icons spans using the framework explained below.

A demonstration page is available in the global package in `demo/` ; it shows in particular the list of available icons and their names.

### CSS Framework

[](#css-framework)

The package defines some **CSS sprite** classes to render some icons easily and with least of work.

The CSS framework to use the sprites is based on two classes:

- the first one to prepare a flag icon, that is common and global: `flag-icon`,
- the last one to choose the icon itself, which is the name of the icon, which is itself the code of a country following the [ISO 3166-1 alpha-2 specifications](http://en.wikipedia.org/wiki/ISO_3166-1_alpha-2).

For instance, to render the United States flag (which code is "us"), you will write:

```

```

As the sprite is not defined with restrictive CSS rules, you may encounter rendering problems (such as margins or paddings defined globally in your document) that can be avoid adding a `reset` class to your icons:

```

```

Credits
-------

[](#credits)

As mentioned above, the original set of icons is made by [FamFamFam](http://www.famfamfam.com/)(Mark James - UK) and proposed under a free license.

The sprite was generated with the help of [website-performance.org](http://spritegen.website-performance.org/)and is CSS3 valid.

The minified version of the CSS file of the package was processed with the [YUI Compressor](http://refresh-sf.com/yui/).

The PNG sprite is optimized using [Smush.it (TM)](http://www.smushit.com/ysmush.it/).

###  Health Score

31

—

LowBetter than 71% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity15

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity65

Established project with proven stability

 Bus Factor1

Top contributor holds 88.9% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

4544d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/bdcad88f9577d45da703864395c687480896a757e90978502b600d9dd588c247?d=identicon)[picas](/maintainers/picas)

---

Top Contributors

[![e-picas](https://avatars.githubusercontent.com/u/1021199?v=4)](https://github.com/e-picas "e-picas (16 commits)")[![ptica](https://avatars.githubusercontent.com/u/169873?v=4)](https://github.com/ptica "ptica (2 commits)")

---

Tags

iconsflagsspritefamfamfam

### Embed Badge

![Health badge](/badges/atelierspierrot-famfamfam-flags-sprite/health.svg)

```
[![Health](https://phpackages.com/badges/atelierspierrot-famfamfam-flags-sprite/health.svg)](https://phpackages.com/packages/atelierspierrot-famfamfam-flags-sprite)
```

###  Alternatives

[blade-ui-kit/blade-icons

A package to easily make use of icons in your Laravel Blade views.

2.4k31.8M214](/packages/blade-ui-kit-blade-icons)[twbs/bootstrap-icons

Official open source SVG icon library for Bootstrap

7.9k2.0M45](/packages/twbs-bootstrap-icons)[rinvex/countries

Rinvex Countries is a simple and lightweight package for retrieving country details with flexibility. A whole bunch of data including name, demonym, capital, iso codes, dialling codes, geo data, currencies, flags, emoji, and other attributes for all 250 countries worldwide at your fingertips.

1.7k7.1M45](/packages/rinvex-countries)[laravel/pennant

A simple, lightweight library for managing feature flags.

57110.2M40](/packages/laravel-pennant)[outhebox/blade-flags

A package to easily make use of country &amp; language flags in your Laravel Blade views.

302669.4k5](/packages/outhebox-blade-flags)[symfony/ux-icons

Renders local and remote SVG icons in your Twig templates.

525.3M52](/packages/symfony-ux-icons)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
