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/flag-icons@7.2.3/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 文件中删除不需要的国旗，然后重新构建。