# flag-icon-css
> A collection of all country flags in SVG — plus the CSS for easier integration.
> See the [demo](http://flag-icon-css.lip.is).
## Install
You can either [download](https://github.com/lipis/flag-icon-css/archive/master.zip)
the whole project as is or install it via Bower or NPM:
```bash
$ bower install flag-icon-css
$ npm install flag-icon-css
```
## Usage
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](https://www.iso.org/obp/ui/#search/code/)
of a country) to an empty `<span>`. If you want to have a squared version flag
then add the class `flag-icon-squared` as well. Example:
```html
<span class="flag-icon flag-icon-gr"></span>
<span class="flag-icon flag-icon-gr flag-icon-squared"></span>
```
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
add also the `flag-icon-squared` class.
## Development
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`](https://github.com/lipis/flag-icon-css/blob/master/less/flag-icon-list.less)
file and build it again.
## Credits
This project wouldn't exist without the awesome and now deleted collection of
SVG flags by [koppi](https://github.com/koppi).
## Contributors
### Code Contributors
This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].
<a href="https://github.com/lipis/flag-icon-css/graphs/contributors"><img src="https://opencollective.com/lipis/contributors.svg?width=890&button=false" /></a>
### Financial Contributors
Become a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/lipis/contribute)]
#### Individuals
<a href="https://opencollective.com/lipis"><img src="https://opencollective.com/lipis/individuals.svg?width=890"></a>
#### Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/lipis/contribute)]
<a href="https://opencollective.com/lipis/organization/0/website"><img src="https://opencollective.com/lipis/organization/0/avatar.svg"></a>
<a href="https://opencollective.com/lipis/organization/1/website"><img src="https://opencollective.com/lipis/organization/1/avatar.svg"></a>
<a href="https://opencollective.com/lipis/organization/2/website"><img src="https://opencollective.com/lipis/organization/2/avatar.svg"></a>
<a href="https://opencollective.com/lipis/organization/3/website"><img src="https://opencollective.com/lipis/organization/3/avatar.svg"></a>
<a href="https://opencollective.com/lipis/organization/4/website"><img src="https://opencollective.com/lipis/organization/4/avatar.svg"></a>
<a href="https://opencollective.com/lipis/organization/5/website"><img src="https://opencollective.com/lipis/organization/5/avatar.svg"></a>
<a href="https://opencollective.com/lipis/organization/6/website"><img src="https://opencollective.com/lipis/organization/6/avatar.svg"></a>
<a href="https://opencollective.com/lipis/organization/7/website"><img src="https://opencollective.com/lipis/organization/7/avatar.svg"></a>
<a href="https://opencollective.com/lipis/organization/8/website"><img src="https://opencollective.com/lipis/organization/8/avatar.svg"></a>
<a href="https://opencollective.com/lipis/organization/9/website"><img src="https://opencollective.com/lipis/organization/9/avatar.svg"></a>
基于ASP的山东博达企业网站源代码.zip （1608个子文件） 
web#jsqmdb.asp 140KB Function.asp 38KB Function.asp 34KB Admin_ItemCollecFast.asp 32KB sitemaphtml.asp 31KB admin_product.asp 24KB Admin_ItemModify5.asp 22KB admin_news.asp 20KB Admin_ItemModify4.asp 20KB Admin_FriendSite.asp 19KB admin_User.asp 17KB UpLoad_Class.asp 16KB Admin_Comment.asp 15KB admin_Order.asp 14KB Admin_ItemAddNew4.asp 14KB Admin_ItemModify3.asp 13KB Admin_ItemAddNew5.asp 12KB admin_admin.asp 12KB Admin_Itemlaoy.asp 11KB Admin_ItemFilterModify.asp 11KB admin_book.asp 11KB md5.asp 11KB ubbcode.asp 11KB fl_ClsMain.asp 11KB Admin_ItemFilterAdd.asp 10KB Admin_ItemAttribute.asp 10KB Admin_ItemModify2.asp 10KB admin_flash.asp 10KB admin_kefu.asp 10KB admin_setting.asp 10KB admin_Main.asp 9KB bots_view.asp 9KB index.asp 9KB Admin_ItemAddNew3.asp 9KB upload_Pic.asp 9KB bots.asp 9KB MyCart.asp 9KB Admin_ItemHistroly.asp 9KB Admin_ItemManage.asp 8KB Admin_ItemSuccess.asp 8KB Admin_ItemFilters.asp 8KB pro.asp 8KB BdwlkjProduct.asp 7KB Admin_ItemAddNew2.asp 7KB Admin_ItemManage.asp 7KB file_manager_json.asp 6KB default.asp 6KB Admin_ItemHelp.asp 6KB Admin_ItemStart.asp 6KB BdwlkjNews.asp 6KB jieshi2.asp 6KB Admin_ItemModify.asp 6KB admin_Login.asp 6KB ditusc.asp 6KB caidan.asp 6KB admin_left.asp 6KB upfile_class.asp 5KB xinwen.asp 5KB JSON_2.0.4.asp 5KB log.asp 5KB Admin_ItemCollection.asp 4KB bottom1.asp 4KB tjqindex.asp 4KB tjindex.asp 4KB fgj.asp 4KB fgj.asp 4KB liuyan.asp 4KB Admin_ItemAddNew.asp 4KB baojia.asp 4KB Const.asp 3KB chanpinadd.asp 3KB hangyeadd.asp 3KB admin_Help.asp 3KB Login.asp 3KB upload_json.asp 3KB Counter.asp 3KB Admin_Index.asp 3KB clsCache.asp 3KB about.asp 3KB alliance.asp 3KB contact.asp 3KB 360_safe3.asp 3KB ry.asp 3KB admin_Checkuser2.asp 3KB admin_Checkuser.asp 3KB head.asp 2KB admin_mypassword.asp 2KB vote.asp 2KB news.asp 2KB conn.asp 2KB Admin_Itemcopy.asp 2KB admin_gonggao.asp 2KB admin_chejian.asp 2KB admin_biaozhun.asp 2KB admin_about.asp 2KB htconn.asp 2KB error.asp 2KB 404.asp 2KB sitemap.asp 2KB Login.asp 2KB共 1608 条
- 1
- 2
- 3
- 4
- 5
- 6
- 17
资源评论
