Unicons 是一套收錄超過 4500 種圖標(biāo)的圖標(biāo)庫，來自開發(fā)商 Iconscout，本身有四種不同風(fēng)格設(shè)計(jì)，包括單純線條（Line）、單色（Monochrome）、填滿顏色（Solid）和更細(xì)邊框線條（Thin Line），超過 20 種分類，像是箭頭、品牌標(biāo)志、商業(yè)、對話、云端服務(wù)、通訊網(wǎng)絡(luò)、檔案文件夾、多媒體、醫(yī)學(xué)、安全性、購物、交通工具和用戶界面，都能在圖標(biāo)庫找到各種對應(yīng)的圖標(biāo)。

如同 Unicons 網(wǎng)站所述，這是一套精心設(shè)計(jì)的圖標(biāo)集，每個圖標(biāo)細(xì)節(jié)符合完美像素（Pixel-Perfect），提供向量圖格式 SVG 檔案讓使用者下載，亦可以網(wǎng)頁字型（Webfont）將圖標(biāo)集整合到自己的開發(fā)項(xiàng)目或應(yīng)用程序。

不過要注意的是 Unicons 只有免費(fèi)提供「線條（Line）」圖標(biāo)風(fēng)格下載，其余風(fēng)格設(shè)計(jì)有部分可免費(fèi)使用，但大多數(shù)都是需要付費(fèi)升級 Iconscout Premium 會員才能取得。

這套圖標(biāo)庫采 Apache 2.0 授權(quán)釋出，使用時需要標(biāo)示出處并連結(jié)回到原網(wǎng)站。

如果你有興趣的話，Unicons 也是一個開放原始碼（Open Source）項(xiàng)目，可以從 GitHub 找到完整的圖標(biāo)向量檔案，從 Unicons 網(wǎng)站也能取得圖標(biāo)集，一共有 1206 個圖標(biāo)，考慮到檔案大小或速度問題的話可單獨(dú)從網(wǎng)站選擇要獲取的圖標(biāo)。

Unicons

網(wǎng)站鏈接：https://iconscout.com/unicons

使用教學(xué)

開啟 Unicons 點(diǎn)選「Explore」開始瀏覽圖標(biāo)圖標(biāo)，右上角可以看到這套圖標(biāo)庫目前一共有四種不同的圖標(biāo)風(fēng)格，但只有 Liine 可以整套圖標(biāo)免費(fèi)下載。

從左側(cè)選單「Categories」選擇要瀏覽的圖標(biāo)分類，或使用上方搜尋框輸入關(guān)鍵詞搜尋。

開啟后瀏覽 Unicons 圖標(biāo)庫所有素材，點(diǎn)選圖標(biāo)會在右側(cè)顯示更大張的預(yù)覽圖，除了變更顯示顏色，也有 SVG 向量圖或打包整套圖標(biāo)集的下載按鈕。

從右側(cè)點(diǎn)選「SVG」下載某個圖標(biāo)向量圖格式，下方也有以網(wǎng)頁字型、Vue 或 React 加載特定圖標(biāo)的程序代碼可快速復(fù)制。

如果要下載整套圖標(biāo)集（Download Bundle），點(diǎn)選后需要建立一個賬戶，使用 Google 或 Facebook 賬戶登入就能完成此步驟，無需額外驗(yàn)證程序。

下載、解壓縮后可以獲得超過 1200 個圖標(biāo)圖標(biāo)，使用時記得要標(biāo)示出處來源，Iconscout 也提供程序代碼讓用戶快速復(fù)制取用。

如果選擇 Monochrome、Solid 或 Thin Line 風(fēng)格的圖標(biāo)圖標(biāo)，左上角標(biāo)示一個皇冠，代表需要付費(fèi)升級為 Iconscout Premium 會員才能下載、解鎖所有的 Unicons 風(fēng)格。

最后再回到 Unicons 做為網(wǎng)頁字型的使用方法，點(diǎn)選首頁「Start Using」會看到如下網(wǎng)頁畫面，直接給使用者一個對應(yīng)的網(wǎng)頁樣式表單 CSS 鏈結(jié)，只要將這段原始碼加入網(wǎng)頁，就能在特定位置加載圖標(biāo)圖標(biāo)（參考 Unicons 圖標(biāo)列表找到 Font 程序代碼），也是一個很快速且有效率的應(yīng)用方式。

值得一試的三個理由：

• 精心設(shè)計(jì)的圖標(biāo)集，收錄超過 20 種分類、4500 個圖標(biāo)
• 提供向量圖 SVG 格式下載，亦能以字型方式嵌入使用
• 采用 Apache 2.0 授權(quán)，免費(fèi)使用時需標(biāo)示出處來源