Tabler Icons – 超過 558+ 高品質圖標 SVG 格式免費下載，MIT 授權可線上客製化圖示樣式

Tabler Icons 網站提供大量 SVG 向量檔圖標免費下載，在網站當中所有的圖標都採用 MIT license 的授權方式，因此在使用上可以應用在任何商業或個人的項目中，也可以進行複製、改作與販售…等等權力。

Tabler Icons 其中一項非常棒的功能是，在網站當中所有的圖標都可以線上進行客製化的調整，改變圖標的大小、粗細、顏色…等等，調整完之後，所有網站內的圖標都會應用你所設定的樣式，讓你所有的圖標都能符合統一樣式。

我們之前也介紹過其他提供免費圖標的資源網站，像是：Iconshock、SVG Repo、Heroicons.dev、Feather Icons、Ionicons…等等，如果有興趣可以前往參考看看。

Tabler Icons 網站中目前提供的圖標 Icons 數量多達 558+ 個，且還在不斷新增當中，如果你的專案項目中有需要使用到開源的圖標，那麼非常推薦使用。

Pin

網站名稱：Tabler Icons – 550+ Highly customizable free SVG icons
網站網址：https://tablericons.com/

Tabler Icons 簡介教學

以下教你如何在 Tabler Icons 網站中客製化圖標，以及如何複製與應用到你的 Web 專案中。

第 1 步

搜尋圖標

你可以利用首頁的搜尋框進行圖標的尋找，或是直接在頁面中往下拉去尋找各種圖標：

Pin

第 2 步

客製化圖標樣式

在首頁上方你可以看到有許多樣式的功能設置，可以讓你調整圖標的大小 (Size)、粗細 (Stoke)、顏色 (Color)…等等，一經過改變後，會自動應用到整個網站的圖標樣式：

Pin

第 3 步

複製圖標 SVG 格式

Tabler Icons 的圖標並非是下載 SVG 格式檔案，而是直接提供你 SVG 的 HTML 格式。你可以點擊你想要的圖標 Icons，就能複製該圖標連帶你設置的 CSS 樣式的 SVG 程式碼，你只需要貼上至 Web 專案中，就可以顯示該圖標：

Pin

點擊圖標所取得的 SVG 程式碼就像下面的 HTML 格式：

因此，你就不需要下載 SVG 格式的檔案再上傳至網站當中，而是可以直接複製 SVG 格式應用在你的程式碼當中。

如果你還想尋找其他免費圖標網站，可以參考：

• iconmonstr – 4496+ 可商用 CC0 大量圖標 Icons 免費下載，另提供 Iconic Font 字體線上使用
• Simple Icons – 大量知名品牌圖標 Icons，CC0 可商用免費下載 SVG 向量檔與提供線上 CDN 資源
• Remix Icon – 免費開源圖標庫，多達 2 千以上的線性圖標免版權可商用下載
• Icons8 – 大量圖標免費下載、嵌入 HTML，更提供免費圖片、向量插圖、音樂下載使用
• Free Stock Photos Icons8 – 免費無版權線上圖庫，只需註明來源即可下載免費使用大量高清圖片