country-flag-icons
==================

CSS for svg based country flag icons. See the [demo](http://lipis.github.io/country-flag-icons/).

CSS classes
-----------


`.flag-icon` sets the correct proportions for the flag icon when used inline with text.

`.flag-icon-xx` sets the `background-image` with the correct flag, where `xx` is the [ISO 3166-1-alpha-2 code](http://www.iso.org/iso/country_names_and_code_elements).

`.flag-icon-squared` for the squared version of the flag.

`.flag-icon-background` sets the the background to `position: 50%`, `repeat:no-repeat` and `size:contain`.


Usage
-----

    <span class="flag-icon flag-icon-gr"></span>
    <span class="flag-icon flag-icon-gr flag-icon-squared"></span>

Credits
-------

This project wouldn't exist without the awesome collection of svg flags: 
[koppi/iso-country-flags-svg-collection](https://github.com/koppi/iso-country-flags-svg-collection)