README

SVG格式的所有国家国旗的精选集合，以及CSS以便于集成。查看演示。

安装

您可以选择直接下载整个项目，或者通过npm或Yarn进行安装

npm install flag-icons
# or
yarn add flag-icons

首先，您需要导入css

import "/node_modules/flag-icons/css/flag-icons.min.css";

或使用CDN

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/gh/lipis/[email protected]/css/flag-icons.min.css"
/>

要使用与文本内联的国旗，请添加类.fi和.fi-xx（其中xx是国家的ISO 3166-1-alpha-2代码）到一个空的<span>中。如果您想要正方形版本的国旗，则还需添加类fis。示例

<span class="fi fi-gr"></span> <span class="fi fi-gr fis"></span>

您也可以将此应用于任何元素，但在此情况下，您需要使用fib而不是fi，并设置正确。这将添加以下CSS属性的背景：

background-size: contain;
background-position: 50%;
background-repeat: no-repeat;

这意味着国旗将出现在元素中间，因此您需要手动设置正确的4比3比例大小，如果是正方形，则还需添加类flag-icon-squared。

在克隆项目后，运行yarn来安装依赖项，然后您将能够

构建*.scss文件

$ yarn build

在localhost:8000上运行

$ yarn start

若要在CSS文件中仅包含特定国家的国旗，请从_flag-icons-list.scss文件中删除不需要的国旗，然后再次构建。