收藏起來！超過 2000 個免費 SVG 圖標下載的「IcoFont 」

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

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

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

IcoFont

網站鏈接：https://icofont.com/

使用教學

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

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

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

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

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

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

值得一試的三個理由：

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