Tabler Icons 網站提供大量 SVG 向量檔圖標免費下載,在網站當中所有的圖標都採用 MIT license 的授權方式,因此在使用上可以應用在任何商業或個人的項目中,也可以進行複製、改作與販售…等等權力。
Tabler Icons 其中一項非常棒的功能是,在網站當中所有的圖標都可以線上進行客製化的調整,改變圖標的大小、粗細、顏色…等等,調整完之後,所有網站內的圖標都會應用你所設定的樣式,讓你所有的圖標都能符合統一樣式。
我們之前也介紹過其他提供免費圖標的資源網站,像是:Iconshock、SVG Repo、Heroicons.dev、Feather Icons、Ionicons…等等,如果有興趣可以前往參考看看。
Tabler Icons 網站中目前提供的圖標 Icons 數量多達 558+ 個,且還在不斷新增當中,如果你的專案項目中有需要使用到開源的圖標,那麼非常推薦使用。

網站名稱:Tabler Icons – 550+ Highly customizable free SVG icons
網站網址:https://tablericons.com/
Tabler Icons 簡介教學
以下教你如何在 Tabler Icons 網站中客製化圖標,以及如何複製與應用到你的 Web 專案中。
第 1 步
搜尋圖標
你可以利用首頁的搜尋框進行圖標的尋找,或是直接在頁面中往下拉去尋找各種圖標:

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

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

點擊圖標所取得的 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 – 免費無版權線上圖庫,只需註明來源即可下載免費使用大量高清圖片

Tabler Icons 評價推薦優點
- 提供免費可商用圖標 Icons
- 可線上客製化圖標樣式
- 提供圖標 SVG 程式碼
你可能有興趣
- SVG Repo – 免費 SVG 圖標與向量圖示免費下載,高達 300,000+ 的免版權可商用圖標集任你下載
- Unicons Solid – 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載
- Heroicons – 免費商用 Icons SVG 線上圖標,可直接在 HTML 中使用 CSS 類別元素顯示 Icons
- photoAC – 超過 3 百萬圖片素材免費下載,來自日本的高品質可商用的線上圖庫
- Skitterphoto – CC0 可商用免版權線上圖庫,除免費下載圖片外,還提供全球攝影師上傳圖片作品
- FreeImages – 超過 300,000+ 線上圖庫,提供免版稅、免費圖片下載且支援中文關鍵字搜尋
- CleanPNG – 超過百萬張去背素材線上圖庫,提供熱門去背素材免註冊即可下載高解析度免費圖庫
- Radix Icons – 15×15 開源圖標 Icons 免費下載,支援 Sketch、Figma 與 SVG 檔案格式
- Animated icons by Icons8 – 900+ 免費線上動畫圖標,提供 GIF、JSON 與 AE 格式免費下載可商用動畫圖示
- PxHere – 大量免費圖片與照片線上圖庫,提供 CC0 可商用高清素材,並提供 iOS、Android 尺寸可供下載
- Pickupimage – 線上免費公眾領域 CC0 照片,提供大量高品質正版圖片與多種尺寸與壓縮比率的免費線上圖庫
- Stocksnap – 免費圖庫 CC0 免版權下載,可商用無須註明,且不斷更新中!
如果你喜歡這篇文章,請幫我們將這篇文章分享出去。你也可以在 Facebook 與 Instagram 上按讚追蹤我們,也歡迎加入 Facebook 粉絲團和我們一同交流!
發佈留言