icons-font-customizationsvg?圖標(biāo)集合

icons-font-customization 這個軟件（或工具） 提供了超 33,000 個開箱即用的免費(fèi) svg 圖標(biāo)集合和生成自己圖標(biāo)字體的工具。收集的所有圖標(biāo)都適合于私人或商業(yè)項(xiàng)目，還可以把不同來源的圖標(biāo)打包成一個字體文件，甚至可以下載任何網(wǎng)址的 svg 文件并進(jìn)行轉(zhuǎn)換打包。

各個來源圖標(biāo)的相關(guān)許可證信息會被自動包含在生成的 css 文件中。請先打開這個鏈接 所有圖標(biāo) 確認(rèn)下包含了哪些圖標(biāo)。在這個鏈接，可以更改圖標(biāo)顏色，背景色和大小。還可以根據(jù)關(guān)鍵字檢索，保存圖標(biāo)是否選中的狀態(tài)，或輸出選中圖標(biāo)的列表字符串，用于下面介紹的生成自己的圖標(biāo)字體。

當(dāng)前包含的圖標(biāo)集列表

• ant-design-icons Source: visit, License: MIT
• Bootstrap Icons Source: visit, License: MIT
• BoxIcons Source: visit, License: CC 4.0
• Bytesize Icons Source: visit, License: MIT
• Capitaine cursors Source: visit, License: LGPLv3
• carbon-icons Source: visit, License: Apache-2.0
• CoreUI Icons Source: visit, License: CoreUI Icons Free
• crypto-icons Source: visit, License: MIT
• Cryptocurrency Icons Source: visit, License: CC0
• css-social-buttons Source: visit, License: MIT
• css.gg Source: visit, License: MIT
• devicons Source: visit, License: MIT
• DevUI Source: visit, License: MIT
• elusive-iconfont Source: visit, License: OFL
• entypo Source: visit, License: CC BY-SA
• evil-icons Source: visit, License: MIT
• feather Source: visit, License: MIT
• feathericon Source: visit, License: MIT
• File Icon Images Source: visit, License: MIT
• Flat-UI Source: visit, License: MIT
• Font Awesome Free Source: visit, License: Font Awesome Free
• foundation-icons Source: visit, License: MIT
• 1800 Free Minimal Icon Pack [20x20] Source: visit, License: Free
• geomicons-open Source: visit, License: MIT
• IcoMoon-Free Source: visit, License: CC BY 4.0 or GPL
• ionicons Source: visit, License: MIT
• JAM Source: visit, License: MIT
• Linea Icon Source: visit, License: CCBY
• maki Source: visit, License: CC0-1.0
• map-icons Source: visit, License: MIT
• Material Design Source: visit, License: Pictogrammers Free
• material-design-icons Source: visit, License: Apache-2.0
• Metro-UI-CSS Source: visit, License: MIT
• Mono Icons Source: visit, License: MIT
• octicons Source: visit, License: MIT
• open-iconic Source: visit, License: MIT
• simple-icons Source: visit, License: CC0-1.0
• small-n-flat Source: visit, License: CC0-1.0
• subway Source: visit, License: CC BY 4.0
• tabler-icons Source: visit, License: MIT
• Teenyicons Source: visit, License: MIT
• typicons.font Source: visit, License: CC BY-SA 4.0
• uiw-icons Source: visit, License: MIT
• Unicons Source: visit, License: Apache-2.0
• Vaadin Icons Source: visit, License: CC-BY 4.0
• Vivid.JS Source: visit, License: MIT
• weather-icons Source: visit, License: SIL OFL 1.1
• Weather Underground Icons Source: visit, License: MIT and GPL

使用方法1，下載或克隆您需要的項(xiàng)目到本地。

點(diǎn)擊項(xiàng)目主頁 home page 的 "Download ZIP" 并解壓到本地合適的文件夾。
或者使用 git 命令克隆到本地：
git clone https://github.com/uuware/icons-font-command.git
不管使用哪種方式，您將在本地得到這個項(xiàng)目，然后 cd 到這個項(xiàng)目的根文件夾并運(yùn)行下面的命令來生成字體。（注意，命令行中的 -- -- 是正確的）：
npm run generate-font -- --config config-file-path
如果您在運(yùn)行文件夾有一個叫 icons-font.config.js 的配置文件，那么可以省略配置文件路徑：
npm run generate-font
 

使用方法2，使用 NPM 全局安裝 icons-font-command （或 icons-font-customization）。

運(yùn)行：
npm install -g icons-font-command
現(xiàn)在您可以在任何文件夾中運(yùn)行命令（無論您安裝的是哪個項(xiàng)目，該命令都是相同的，并注意命令中的 --）：
icons-font-command --config config-file-path
如果您在運(yùn)行文件夾有一個叫 icons-font.config.js 的配置文件，那么可以省略配置文件路徑：
npm run generate-font
您還可以使用此命令在當(dāng)前文件夾生成默認(rèn)配置文件：
icons-font-command --copyconfig
 

使用方法3，在您的 Node.js 項(xiàng)目中安裝。

如果想要在代碼中自由的操作它，則根據(jù)您的需要，在項(xiàng)目的根文件夾中運(yùn)行 npm i icons-font-command --save-dev 或 npm i icons-font-customization --save-dev 命令。
然后在代碼中這樣調(diào)用：

var IconsFontLite = require('icons-font-command');
IconsFontLite.cmd();

// Or pass parameters
var parameters = {'--config': 'config-file-path'};
var IconsFontLite = require('icons-font-command');
IconsFontLite.generateFont(parameters);

如果一切正常，你將在輸出文件夾得到結(jié)果，打開 sample.html 確認(rèn)結(jié)果或包含 icon-style.css 在您的html中。

兼容性

• WOFF2：Chrome 36，F(xiàn)irefox 39，Opera 23，Safari 10，IE不支持，Edge 14
  WOFF File Format 2.0。WOFF2是下一代WOFF。WOFF2格式比原始WOFF提供30％的平均壓縮增益。

• WOFF：Chrome 5，F(xiàn)irefox 3.6，Opera 11.10，Safari 5.1，IE 9，Edge 12
  Web開放字體格式。WOFF基本上是所有主要瀏覽器都支持元數(shù)據(jù)和壓縮的OTF或TTF。
  這是Mozilla基金會，Microsoft和Opera Software合作的結(jié)果。因?yàn)樽煮w是壓縮的，所以加載速度更快。

• TTF：Chrome 4，F(xiàn)irefox 3.5，Opera 10，Safari 3.1，IE 9，Edge 12
  TrueType字體。所有主要的瀏覽器都支持此格式，但是TTF字體在IE 9和更高版本中才可用，僅當(dāng)嵌入位設(shè)置為可安裝時。

• EOT：Chrome不支持，F(xiàn)irefox不支持，Opera不支持，Safari不支持，IE 6-11
  Embedded OpenType。這是使用@ font-face時IE8及更低版本唯一能識別的格式。

• SVG字體：Chrome 4-37，F(xiàn)irefox不支持，Opera 10-24，Safari 3.2-14，IE / Edge不支持
  可縮放矢量圖形字體。SVG字體始終是未壓縮的，并且是iOS（iPhone，iPad）和Safari的4.1版及更低版本所允許的唯一字體。