PHPackages                             legacy-icons/famfamfam-flags - 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. legacy-icons/famfamfam-flags

ActiveLibrary

legacy-icons/famfamfam-flags
============================

FamFamFam Flags icon pack, as individual icons or as a CSS spritesheet

1.0.0(10y ago)6219.2k↓100%11[4 issues](https://github.com/legacy-icons/famfamfam-flags/issues)[1 PRs](https://github.com/legacy-icons/famfamfam-flags/pulls)MITCSS

Since Feb 27Pushed 10y ago2 watchersCompare

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

READMEChangelogDependenciesVersions (18)Used By (0)

famfamfam-flags
===============

[](#famfamfam-flags)

[![NPM version](https://camo.githubusercontent.com/0678f29f4423cb5430882419842b80f46aa65754014062c8e13dcf3349dd6422/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f66616d66616d66616d2d666c6167732e737667)](https://www.npmjs.org/package/famfamfam-flags)[![Bower version](https://camo.githubusercontent.com/e130837cdcd1a55000b80af0dabf9c490595d0eb915d80c66db2b5f1c417a4c2/68747470733a2f2f696d672e736869656c64732e696f2f626f7765722f762f66616d66616d66616d2d666c6167732e737667)](http://bower.io/search/?q=famfamfam-flags)[![Packagist version](https://camo.githubusercontent.com/cecfeb5b8b99dc7db69e5a439d6bd3e39ce399d70c874893c7928efc3a255513/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6c65676163792d69636f6e732f66616d66616d66616d2d666c6167732e737667)](https://packagist.org/packages/legacy-icons/famfamfam-flags)[![Nuget version](https://camo.githubusercontent.com/ab01bfeb35b1e3ca4cd1fa6fb4e6576e965aa3af0d95db9d0d406e457f0885e2/68747470733a2f2f696d672e736869656c64732e696f2f6e756765742f762f66616d66616d66616d2d666c6167732e737667)](https://www.nuget.org/packages/famfamfam-flags/)

[![Dependency Status](https://camo.githubusercontent.com/7a22a34f3c6e3d45c787373b2b6edfd7278994fe4249c0ddf9c6ec643b6907b9/68747470733a2f2f696d672e736869656c64732e696f2f64617669642f6465762f6c65676163792d69636f6e732f66616d66616d66616d2d666c6167732e737667)](https://david-dm.org/legacy-icons/famfamfam-flags)[![Build Status](https://camo.githubusercontent.com/006e9d75c744637e93376c88b4533317b0d4a10a2ee8a071604ff890dc003e09/68747470733a2f2f696d672e736869656c64732e696f2f7472617669732f6c65676163792d69636f6e732f66616d66616d66616d2d666c6167732e737667)](https://travis-ci.org/legacy-icons/famfamfam-flags)

About
-----

[](#about)

The `Flags` icon pack, as available on [famfamfam website](http://www.famfamfam.com/lab/icons/flags/).

All credits for these icons go to their original author: Mark James ()

The aim of this project is to make this icon pack available through various package managers, such as:

- [NPM](https://npmjs.org)
- [Bower](http://bower.io)
- [Packagist](https://packagist.org)
- [NuGet](https://www.nuget.org)

All icons are supplied in both PNG and GIF formats.

Extensions and updates
----------------------

[](#extensions-and-updates)

A flag has been added to the original package: `gg.png` (or `gg.gif`). This flag was created by [Damien Guard (@damieng)](https://github.com/damieng) (), in the "add-on" package for FamFamFam icons named [Silk Companion](http://damieng.com/creative/icons/silk-companion-1-icons).

The flag for Myanmar has been updated: `mm.png` (or `mm.gif`). This flag was updated by [@Lucas](https://github.com/lucas34), and was created from [Wikipedia](https://commons.wikimedia.org/wiki/File:Flag_of_Myanmar-new.jpg).

The project now supports aliases in CSS spritesheets (see below). The feature was brought by [@Rangoo94](https://github.com/Rangoo94). For example, `RE` ([Reunion](https://en.wikipedia.org/wiki/.re)) is an alias for `FR` ([France](https://en.wikipedia.org/wiki/.fr)), since Reunion shares the same flag as France. To see the aliases, please check the [aliases.json file](https://github.com/legacy-icons/famfamfam-flags/blob/master/aliases.json).

CSS spritesheets
----------------

[](#css-spritesheets)

You can insert the icons directly into your HTML with a common IMG tag:

```

```

In addition to the icons by themselves, this project also ships a CSS spritesheet for the icon-pack. This spritesheet allows to load the entire icon-pack in just 1 image, and thus reduce HTTP calls.

This is what it actually looks:

[![Spritesheet](https://raw.githubusercontent.com/legacy-icons/famfamfam-flags/master/dist/sprite/famfamfam-flags.png)](https://raw.githubusercontent.com/legacy-icons/famfamfam-flags/master/dist/sprite/famfamfam-flags.png)

All the positioning of the icons inside this alone image is made through CSS, which allows you to just add block-type tags with the proper class and get the same result:

```

```

Just remember to add the CSS stylesheet to the HEAD of your HTML page!

Install
-------

[](#install)

### NPM

[](#npm)

> npm install famfamfam-flags

### Bower

[](#bower)

> bower install famfamfam-flags

### Composer / Packagist

[](#composer--packagist)

> composer require legacy-icons/famfamfam-flags

### NuGet

[](#nuget)

> Install-Package famfamfam-flags

Build the whole project or your custom project
----------------------------------------------

[](#build-the-whole-project-or-your-custom-project)

We use [Gulp](http://gulpjs.com/) to build the project, so if you want to re-build or customize this project, you'll need Gulp.

After gulp is installed, and your CLI is pointed to your work directory, first install the dependencies:

**with NPM 2.x.x**

> npm install

**with NPM 3.x.x** (resolve dependencies for `node-spritesheet` before this module's ones)

> npm install grunt grunt-contrib-coffee grunt-contrib-clean

> npm install

then be sure that you have *[ImageMagick](http://www.imagemagick.org/script/binary-releases.php)* installed for building spritesheet.

then, you can run the `gulp build` task to build the project:

> gulp build

### What the build task does?

[](#what-the-build-task-does)

First, it takes PNG and GIF files from the `src` folder, and tidies them to the `dist` folder.

Then it creates a spritesheet from the PNG images located in the `src` folder, and thus creates the `sprite` folder in `dist`.

If, for example you just want `fr` and `gg` icons in a spritesheet, you just have to fork this project, point your CLI to the working directory, empty the `src` directory, except `fr` and `gg` icons in PNG format, and then run the `gulp build` task.

You'll get the proper spritesheet and copies of the icons directly in the `dist` folder.

License
-------

[](#license)

See [License](https://github.com/legacy-icons/famfamfam-flags/blob/master/LICENSE.md)

###  Health Score

41

—

FairBetter than 89% of packages

Maintenance19

Infrequent updates — may be unmaintained

Popularity39

Limited adoption so far

Community17

Small or concentrated contributor base

Maturity72

Established project with proven stability

 Bus Factor1

Top contributor holds 88.7% 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

Every ~45 days

Recently: every ~30 days

Total

17

Last Release

3685d ago

Major Versions

0.5.1 → 1.0.02016-02-18

### Community

Maintainers

![](https://www.gravatar.com/avatar/01b906db10aefb2fe1be1fdbaa69ad645d268ba4270d27a97b60ec7f5b7be6af?d=identicon)[T1st3](/maintainers/T1st3)

---

Top Contributors

[![t1st3](https://avatars.githubusercontent.com/u/1469638?v=4)](https://github.com/t1st3 "t1st3 (102 commits)")[![greenkeeperio-bot](https://avatars.githubusercontent.com/u/14790466?v=4)](https://github.com/greenkeeperio-bot "greenkeeperio-bot (4 commits)")[![jonrandoem](https://avatars.githubusercontent.com/u/6131742?v=4)](https://github.com/jonrandoem "jonrandoem (4 commits)")[![rangoo94](https://avatars.githubusercontent.com/u/3843526?v=4)](https://github.com/rangoo94 "rangoo94 (3 commits)")[![vworldat](https://avatars.githubusercontent.com/u/650955?v=4)](https://github.com/vworldat "vworldat (2 commits)")

---

Tags

gifpngflagiconfamfamfamimg

### Embed Badge

![Health badge](/badges/legacy-icons-famfamfam-flags/health.svg)

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

###  Alternatives

[jkphl/iconizr

A PHP command line tool for converting SVG images to a set of CSS icons (SVG &amp; PNG, single icons and / or CSS sprites) with support for image optimization and Sass output

4868.9k](/packages/jkphl-iconizr)[image-charts/image-charts

Official Image-Charts.com API client library

2760.4k](/packages/image-charts-image-charts)

PHPackages © 2026

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