Giter Club home page Giter Club logo

famfamfam-flags's Introduction

famfamfam-flags

NPM version Bower version Packagist version

Dependency Status Build Status

About

The Flags icon pack, as available on famfamfam website.

All credits for these icons go to their original author: Mark James ([email protected])

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

All icons are supplied in both PNG and GIF formats.

Extensions and updates

A flag has been added to the original package: gg.png (or gg.gif). This flag was created by Damien Guard ([email protected]), in the "add-on" package for FamFamFam icons named Silk Companion.

The flag for Myanmar has been updated: mm.png (or mm.gif). This flag was updated by Lucas, and was created from Wikipedia.

CSS spritesheets

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

    <img alt="French Flag" src="dist/png/fr.png" width="16" height="11">

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

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:

    <div class="famfamfam-flags fr"></div>

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

Get the package with NPM

Just run the following on the CLI (provided your CLI is directed to your work directory)

npm install famfamfam-flags

Get the package with Bower

Just run the following on the CLI (provided your CLI is directed to your work directory)

bower install famfamfam-flags

Get the package with Packagist

famfamfam-flags on Packagist

Build (the whole project or your custom project)

We use Gulp 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:

     npm install

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

     gulp build

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.

Original readme (from author of the icons)

Flag icons - http://www.famfamfam.com

These icons are public domain, and as such are free for any use (attribution appreciated but not required).

Note that these flags are named using the ISO3166-1 alpha-2 country codes where appropriate. A list of codes can be found at http://en.wikipedia.org/wiki/ISO_3166-1_alpha-2

If you find these icons useful, please donate via paypal to [email protected] (or click the donate button available at http://www.famfamfam.com/lab/icons/silk)

Contact: [email protected]

Original readme (from the author of the extension "Silk Companion")

Silk companion icon set #1 - "More Silk!" Last updated: 19 November 2007


Damien Guard http://damieng.com/creative/icons/silk-companion-1-icons


This work is licensed under a Creative Commons Attribution 2.5 License. [ http://creativecommons.org/licenses/by/2.5/ ]

The FamFamFam Silk icon set is a very large, consistent set of well-drawn icons that has proven to be popular with both applications and web sites.

On a number of occasions I have found myself wanting more icons in the same style. This companion set represents what I needed but also what I felt like adding.

Some are new icons in the same style, some are alternative sizes/colours of the existing icons and some are new compositions of the elements.

Any questions about this companion set please contact [email protected].

License for the flag of Myanmar

[https://commons.wikimedia.org/wiki/File:Flag_of_Myanmar-new.jpg](Original flag license):

The copyright holder of this work allows anyone to use it for any purpose including unrestricted redistribution, commercial use, and modification.

About the rest (all this repository but the icons)

All the content of this repository (excepted the icon pack) is licensed under the MIT license.

Though, it is just composed a few trivial json files and a Readme.

famfamfam-flags's People

Contributors

t1st3 avatar jonrandoem avatar vworldat avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.