flag icons

旗幟圖示

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/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 x 3 比例的正確大小，或者如果它是平方的，則還添加flag-icon-squared類別。

發展

克隆項目後運行yarn來安裝依賴項，您將能夠：

建置*.scss文件

$ yarn build

在localhost:8000上提供服務

$ yarn start

若要在 css 檔案中僅包含特定國家/地區，請從_flag-icons-list.scss檔案中刪除不需要的國家/地區，然後重新建置。

製作人員

• 如果沒有 koppi 提供的令人驚嘆且現已刪除的 SVG 標誌集合，這個項目就不會存在。
• 感謝 Andrejs Abrickis 在 npm 上提供了flag-icons名稱。