IcoFont 收錄超過 2000 個免費圖標(biāo)圖案，可以為你的創(chuàng)意設(shè)計增添趣味，這些圖案都很簡單而且易于辨識，網(wǎng)站將圖標(biāo)依照不同主題分類為 30 種類別，讓使用者搜索時可以更快找到自己需要的素材，使找圖的流程更快、更流暢。

IcoFont 提供 SVG 向量圖和圖標(biāo)字型（Icon Font）兩種格式，可單獨下載個別圖標(biāo)，也能一次選擇多個類別、圖案將它打包下載。

依照網(wǎng)站說明，IcoFont 圖標(biāo)可使用于網(wǎng)頁或桌面，集合各種類型的圖標(biāo)圖案，非常完整且全面的設(shè)計，而且 100% 免費！這套圖標(biāo)是開放原始碼項目，所有圖標(biāo)采用 CC BY 4.0 授權(quán)，字型文件則使用 SIL OLF 授權(quán)，其他從 IcoFont 下載的非字型、非圖標(biāo)文件使用 MIT license。

IcoFont

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

使用教學(xué)

開啟 IcoFont 網(wǎng)站點選「View All Icons」開啟圖標(biāo)查看器（或點選上方選單的 Icons），主要分為左右兩邊字段，左側(cè)是各種圖標(biāo)分類和數(shù)量，右側(cè)則有搜索功能、圖標(biāo)預(yù)覽和標(biāo)題。

點選圖標(biāo)會顯示標(biāo)記、Hex 和 HTML 字符值參照（HTML Entity）信息，點選「Download SVG」下載該圖標(biāo)的向量圖格式，或是點選「Add to collection」稍后再打包多個圖標(biāo)下載。

除了單獨將圖標(biāo)加入收藏夾，也可點選分類右上角「Add to Collection」將整個分類加入收藏稍后下載，或是點選「Download」將整個分類圖標(biāo)全部下載。

加入收藏夾后點選右上角的「Collection」圖案，會看到所有被加入的圖標(biāo)，點選下載按鈕就能將所有圖標(biāo)打包、一次全部下載，對于只需要特定圖標(biāo)的用戶來說很方便也很有用。

將圖標(biāo)下載解壓縮會有三個文件夾：css、example 和 fonts，如果要使用于網(wǎng)頁上，樣式表單相關(guān)文件會在 css 目錄，圖標(biāo)字型則是在 fonts 目錄下，另外網(wǎng)站也提供使用范例，可以從 example 文件夾找到，包括一個 HTML 文件會顯示你下載的所有圖標(biāo)圖案。

點選 IcoFont 任意圖標(biāo)會顯示標(biāo)記、Hex 和 HTML 字符值參照，如果要在網(wǎng)頁上使用，可以參考 How to use 頁面說明加載一段 CSS 樣式表單（在下載的圖標(biāo)壓縮文件可找到），透過 Markup 進行調(diào)用就能在網(wǎng)頁上顯示特定的圖標(biāo)圖案。

值得一試的三個理由：

• IcoFont 收錄超過 2100 個免費圖標(biāo)，一共有 30 種分類
• 提供 SVG 和 Icon Font 兩種格式，可單獨下載或是打包下載
• 開放原始碼項目，圖標(biāo)采用 CC BY 4.0 授權(quán)方式釋出