1 分鐘閱讀

Octicons 是一個超過 150+ 個免費開源圖標庫網站，這是由 2016 年開始，由 GitHub Design Systems Team 兩個小組成員開始建立的專案，此項目現在仍然不斷的更新與添加新的圖標與功能。

Octicons 最巨大的優勢在於，除了提供常見的 SVG 程式碼、SVG 格式檔案、PDF 格式檔案…之外，還提供了許多套件，像是：Ruby、Rails、Jekyll、JavaScript、React、Styled System…等等，讓你能夠直接安裝在相對應的工具當中直接使用。

網站名稱：Octicons
網站網址：https://primer.style/octicons/

Octicons 特色教學

教你如何在 Octicons 中下載免費圖標。

Total Time: 3 minutes

尋找圖標

進入頁面後，你可以從左側直接選取目前有提供的套件，快速導覽至該套件的說明與安裝頁面。也可以先從上方搜尋框中進行圖標的尋找，或是直接瀏覽下方所有圖標。

進入圖標之後，每個圖標都可在上方切換 16px 或是 24px 的大小。而在下方你可以直接複製該圖標的 SVG HTML 程式碼，或是下載 SVG、PDF 格式檔案。

在每個圖標的下方，可以看到所有套件的使用方式，例如在 Ruby、Jekyll 與 React 當中使用當前圖標的程式碼。

在圖標的最下方，都會有幾個 UI 的範例展示，讓你可以即時看到實際使用該圖標的最終效果。

以上就是本篇文章的完整內容。如果你對於免費圖標資源有興趣，可以參考：IconPark、Radix Icons、LineIcons、Emblemicons、Iconstore、Iconhub…等等好用的圖示資源。

Octicons 評價推薦優點

Your page rank: