• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
TechMoon 科技月球

TechMoon 科技月球

免費工具、WordPress、虛擬主機、 科技前端

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • SiteGround 主機
  • WordPress
    • WordPress 教學
    • WordPress 主題
    • WordPress 外掛
  • 免費資源
  • 優惠資訊
  • 自我提升
    • Excel 教學
    • 網路行銷
  • Udemy 免費課程
  • 虛擬主機總覽
目前位置: 首頁 / 免費資源 / Tabler Icons – 超過 558+ 高品質圖標 SVG 格式免費下載,MIT 授權可線上客製化圖示樣式
Tabler Icons - 超過 558+ 高品質圖標 SVG 格式免費下載,MIT 授權可線上客製化圖示樣式

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

Last Updated on 2020-08-01 By TechMoon Leave a Comment

Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
SiteGround 主機 3 折優惠 + WordPress 一鍵安裝完整教學
2 分鐘閱讀

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

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

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

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

Tabler Icons - 超過 558+ 高品質圖標 SVG 格式免費下載,MIT 授權可線上客製化圖示樣式 1
Tabler Icons 目前提供的圖標 Icons

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

目錄
1. Tabler Icons 簡介教學
2. 搜尋圖標
3. 客製化圖標樣式
4. 複製圖標 SVG 格式
5. 你可能有興趣
6. 更多相關文章

Tabler Icons 簡介教學

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

第 1 步

搜尋圖標

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

透過搜尋框進行圖標搜尋
透過搜尋框進行圖標搜尋
第 2 步

客製化圖標樣式

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

客製化圖標的大小、粗細與顏色
客製化圖標的大小、粗細與顏色
第 3 步

複製圖標 SVG 格式

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

點擊圖標即可複製圖標的 SVG 程式碼
點擊圖標即可複製圖標的 SVG 程式碼

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

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 - 超過 558+ 高品質圖標 SVG 格式免費下載,MIT 授權可線上客製化圖示樣式

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 免版權下載,可商用無須註明,且不斷更新中!

更多相關文章

  • Free Online File Converter - 免費線上圖片格式快速轉換工具,一鍵轉換 SVG、PNG、JPG 與 PDF 檔案格式
  • Simple Icons - 大量知名品牌圖標 Icons,CC0 可商用免費下載 SVG 向量檔與提供線上 CDN 資源
  • Heroicons.dev - 線上開源 176+ 個免費圖示,一鍵複製 SVG 格式程式碼直接貼上顯示圖標!
  • SVGOMG - 可複製貼上 SVG HTML 程式碼,壓縮優化 SVG 檔案大小與下載 SVG 檔案
  • Unicons Solid - 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載
  • SVG Repo - 免費 SVG 圖標與向量圖示免費下載,高達 300,000+ 的免版權可商用圖標集任你下載
  • iconmonstr - 4496+ 可商用 CC0 大量圖標 Icons 免費下載,另提供 Iconic Font 字體線上使用
  • Free Vector Illustrations - 150+ 免費插圖與動態圖片免註冊下載,無須署名且能運用在商業用途使用
  • CSS.GG - 700+ 開源免版權圖標免費下載,支援 Figma 格式檔案,並提供 .css、.svg、.tsx、.fig、.xd、.json、.xml 格式下載
  • Icons8 - 大量圖標免費下載、嵌入 HTML,更提供免費圖片、向量插圖、音樂下載使用
  • LineIcons - 超過 2000+ 個線形圖標庫,專為設計師與開發人員設計的圖標 Icons 免費下載
  • PxHere - 大量免費圖片與照片線上圖庫,提供 CC0 可商用高清素材,並提供 iOS、Android 尺寸可供下載

如果你喜歡這篇文章,請幫我們將這篇文章分享出去。你也可以在 Facebook 與 Instagram 上按讚追蹤我們,也歡迎加入 Facebook 粉絲團和我們一同交流!

所屬分類: 免費資源 標籤: 免費圖標, 免費圖標下載, 免費圖示, 免費圖示下載, 免費素材, 免費資源, 前端素材, 可商用素材, 圖標下載, 素材, 素材資源, 網頁素材

讀者互動

發佈留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Primary Sidebar

追蹤我們

站內搜尋

最新文章

  • 【WordPress 付費主題免費下載】Regn | Multi-Purpose WordPress Theme
  • PureVPN – 超好用的 VPN 翻牆工具,超過 180 個國家伺服器,可跨區觀看 Netflix 各國影集
  • 【WordPress 付費主題免費下載】Bufet – Multi Concept Software & App Landing WordPress Theme + RTL
  • 【WordPress 付費主題免費下載】Danni — Minimalist WordPress Blog Theme
  • Free Deca UI Kit – 簡潔 UI Kit 素材免費下載,提供 Figma 與 Sketch 設計軟體格式
  • OFFF.to – 無須註冊免費縮短網址服務,可直接在網址列當中縮短網址並獲得分析數據
  • (2021 年 1 月)A2 Hosting 評價 – 每月 $2.99 美元折扣優惠,WordPress 一鍵安裝虛擬主機推薦高達 66% OFF
  • 如何解決 WordPress 中「目前正在執行另一項更新程序」導致無法升級/更新的問題
  • 【WordPress 付費主題免費下載】Kallem – Creative Portfolio WordPress Theme
  • 【WordPress 付費主題免費下載】GlobeCo – Transportation & Logistics WordPress Theme
Bluehost best deal from TechMoon $2.95/月
Bluehost 獨家優惠
現在透過 TechMoon 專屬優惠折價券購買 Bluehost 主機,享有每月 $2.95 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • Emblemicons - 免費開源圖標 Icons,高達 1000+ 個產品開發、設計與業務展示的圖標樣式免費下載
  • Heroicons - 免費商用 Icons SVG 線上圖標,可直接在 HTML 中使用 CSS 類別元素顯示 Icons
  • Iconstore - 高畫質免費 Icons 圖標庫,234+ 個圖標集合包,CC0 可免費作為商業用途
  • Heroicons.dev - 線上開源 176+ 個免費圖示,一鍵複製 SVG 格式程式碼直接貼上顯示圖標!
  • Icons8 - 大量圖標免費下載、嵌入 HTML,更提供免費圖片、向量插圖、音樂下載使用
  • SVG Repo - 免費 SVG 圖標與向量圖示免費下載,高達 300,000+ 的免版權可商用圖標集任你下載
  • UI Design Daily - 每日免費提供一個前端 UI 設計資源,CC0 免費開源還可轉售!
  • Stocksnap - 免費圖庫 CC0 免版權下載,可商用無須註明,且不斷更新中!
  • IconPark - 字節跳動官方出品超過 1287+ 高品質圖標免費下載,可線上客製化圖示外觀樣式
  • Remix Icon - 免費開源圖標庫,多達 2 千以上的線性圖標免版權可商用下載

相關文章

  • AI Image Denoiser – 透過 AI 技術線上自動處理圖片降噪,免費提升模糊圖片的畫質並增強整張照片
  • Practice.dev – 免費線上學習前後端程式語言,邊做邊學適合初學者的開源線上學習平台
  • Uncommon Illustrations by Artify – 免費下載 190 個向量插圖 PNG 格式,可供個人用途使用
  • 【WordPress 付費主題免費下載】GlobeCo – Transportation & Logistics WordPress Theme
  • Foodiesfeed – 提供線上 2000+ 食物相關 CC0 可商用免費圖庫,還可讓你上傳圖片提升曝光度
  • AI Image Enhancer – 免費線上增強圖片畫質與色彩,使用 AI 技術媲美 Photoshop 的圖片強化功能
  • LOADING.IO – 免費線上 Loading 載入動畫、文字、背景產生器,大量提供各種前端素材免費資源
  • Dubox – 百度網盤國際版,1 TB 超大容量不限速上下載僅開放中國地區以外的使用者註冊使用
  • TWBuyer.info – 電商歷史價格查詢工具,快速抓取各家電商平台商品的歷史價格趨勢圖
  • Education.com – 超過三萬個免費線上資源,讓小孩在玩樂中也能輕鬆學習!
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
SiteGround 主機 3 折優惠 + WordPress 一鍵安裝完整教學
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明