> A collection of all country flags in SVG — plus the CSS for easier integration. > See the [demo](http://flag-icon-css.lip.is).
npm install @dzangolab/flag-icon-css> A collection of all country flags in SVG — plus the CSS for easier integration.
> See the demo.
You can either download
the whole project as is or install it via Bower or NPM:
``bash`
$ bower install flag-icon-css
$ npm install flag-icon-css
For using the flags inline with text add the classes .flag-icon and.flag-icon-xx (where xx is the
ISO 3166-1-alpha-2 code
of a country) to an empty . If you want to have a squared version flagflag-icon-squared
then add the class as well. If you want a rounded flag the add the class flag-icon-rounded as well. Example:
`html`
You could also apply this to any element, but in that case you'll have to use the
flag-icon-background instead of flag-icon and you're set. This will add the
correct background with the following CSS properties:
`css`
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
Which means that the flag is just going to appear in the middle of an element, so
you will have to set manually the correct size of 4 by 3 ratio or if it's squared (rounded)
add also the flag-icon-squared (flag-icon-rounded) class.
Run the npm install to install the dependencies after cloning the project and
you'll be able to:
To watch for changes and live reload if served
`bash`
$ grunt
To build *.less files
`bash`
$ grunt build
To serve it on localhost:8000
`bash`
$ grunt connect
To have only specific countries in the css file, remove the ones that you don't
need from the
flag-icon-list.less`
file and build it again.
This project is a fork of lipis/flag-icon-css. My ojly contribution is to add support for rounded flag icons. The author of the orignal package turned down our PR.