https://github.com/freeshineit/countries-flag

countries flag
https://github.com/freeshineit/countries-flag

countries flag scss

Last synced: 4 months ago
JSON representation

countries flag

• Host: GitHub
• URL: https://github.com/freeshineit/countries-flag
• Owner: freeshineit
• License: mit
• Created: 2022-09-29T09:48:25.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-27T11:39:53.000Z (over 3 years ago)
• Last Synced: 2025-10-25T01:48:47.850Z (8 months ago)
• Topics: countries, flag, scss
• Language: HTML
• Homepage: https://freeshineit.github.io/countries-flag
• Size: 318 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Countries Flag

![build](https://github.com/freeshineit/countries-flag/workflows/Build/badge.svg)

![Download](https://img.shields.io/npm/dm/countries-flag.svg)

![Version](https://img.shields.io/npm/v/countries-flag.svg)

![License](https://img.shields.io/npm/l/countries-flag.svg)

全球各国国旗，支持[国家电话区号](https://zh.wikipedia.org/wiki/%E5%9B%BD%E9%99%85%E7%94%B5%E8%AF%9D%E5%8C%BA%E5%8F%B7%E5%88%97%E8%A1%A8)和[ISO 3166-1](https://zh.wikipedia.org/zh-hans/%E5%9C%8B%E5%AE%B6%E5%9C%B0%E5%8D%80%E4%BB%A3%E7%A2%BC)

https://freeshineit.github.io/countries-flag

https://freeshineit.github.io/countries-flag/index-code.html

https://freeshineit.github.io/countries-flag/index-64.html

https://freeshineit.github.io/countries-flag/index-code-64.html

[demo](./docs/index.html)

![demo](demo.png)

## Install

With NPM

> npm install countries-flag

With Yarn

> yarn install countries-flag

## Use

CSS

```css

/* 32px */

@import 'countries-flag';

/* 64px */

/* @import 'countries-flag/lib/flags-64.css' */

.flag {

   /* webpack */

  background-image: url(~countries-flag/lib/flags.png);

   /* background-image: url(~countries-flag/lib/flags-64.png); */

}

```

Sass

```scss

/* 32px */

@import 'countries-flag/index.scss';

/* 64px */

/* @import 'countries-flag/lib/flags-64.scss' */

.flag {

   /*  webpack */

   background-image: url(~countries-flag/lib/flags.png);

   // background-image: url(~countries-flag/lib/flags-64.png);

}

```

HTML

```html

    

    

   

   

    

```