Iconhub – 免費自定義線上圖標 Icons，提供 6 種不同樣式與上千種 Icons 可做商業用途使用

Iconhub 是一個提供上千種圖標 Icons 的免費資源網站，其中包含了 6 種不同的圖標樣式可自由進行選擇，除了能讓你下載 SVG 格式的 Icons 檔案之外，還提供直接複製 HTML 格式，讓你能夠貼在網站當中直接使用。

如果你想了解其他更多有關免費 Icons 的介紹，可以參考：Tabler Icons、SVG Repo、Heroicons.dev、Ionicons、iconmonstr…等等更詳細的介紹。

網站名稱：iconhub
網站網址：https://iconhub.io/

Iconhub 簡介教學

Step 1

進入頁面後，你可以在左上角「ICONS STYLE」的位置中，選擇 6 種不同的圖標樣式，接著下方的「SIZE (PX)」來選擇圖標大小，再下方的「STROKE (PX)」則是挑選圖標的外框粗細，最後的「COLORS」則是可以選擇外框的顏色：

Pin

Step 2

當圖標樣式設定完成後，你就可以在右側挑選你想要下載的圖標。每一個圖標都有兩種使用方式，當你點選某一個圖標後，他就會顯示兩種按鈕，一種為「Select」，另外一種為「Copy SVG」。

Pin

選擇「Select」的話，就會將圖標加入下載清單中，等到你挑選完所有想要的圖標後，就可以點選左下角的「Download」按鈕，將你所挑選的圖標下載到電腦當中。

選擇「Copy SVG」的話，則是能夠直接複製該圖標的 SVG HTML 格式，將其貼到其他 HTML 格式的頁面上之後，就能夠直接顯示該圖標在頁面中。

如果你還想了解其他免費圖標的資源網站，可以參考：

• Iconpie – 快速免費產生網站圖標 Icons，上傳圖片後自動產生 Web、iOS、Android 圖標
• Animated icons by Icons8 – 900+ 免費線上動畫圖標，提供 GIF、JSON 與 AE 格式免費下載可商用動畫圖示
• Heroicons – 免費商用 Icons SVG 線上圖標，可直接在 HTML 中使用 CSS 類別元素顯示 Icons
• Unicons Solid – 3300+ icons 免費線上圖標庫，多達 27 種類別與 3 種樣式免費開源下載
• CSS.GG – 700+ 開源免版權圖標免費下載，支援 Figma 格式檔案，並提供 .css、.svg、.tsx、.fig、.xd、.json、.xml 格式下載