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

TechMoon 科技月球

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

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • A2 Hosting 主機
    • 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 Sliven Leave a Comment

Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
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. 1. Tabler Icons 簡介教學
  2. 2. 搜尋圖標
  3. 3. 客製化圖標樣式
  4. 4. 複製圖標 SVG 格式
  5. 5. 你可能有興趣
  6. 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 免版權下載,可商用無須註明,且不斷更新中!

更多相關文章

  • Heroicons.dev - 線上開源 176+ 個免費圖示,一鍵複製 SVG 格式程式碼直接貼上顯示圖標!
  • Simple Icons - 大量知名品牌圖標 Icons,CC0 可商用免費下載 SVG 向量檔與提供線上 CDN 資源
  • Foodiesfeed - 提供線上 2000+ 食物相關 CC0 可商用免費圖庫,還可讓你上傳圖片提升曝光度
  • Unicons Solid - 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載
  • Animated icons by Icons8 - 900+ 免費線上動畫圖標,提供 GIF、JSON 與 AE 格式免費下載可商用動畫圖示
  • Ionicons - 1200+ 免費精美圖標 Icons 開源下載,專為 Web、iOS、Android、桌面應用程式所開發
  • Radix Icons - 15x15 開源圖標 Icons 免費下載,支援 Sketch、Figma 與 SVG 檔案格式
  • Icons8 - 大量圖標免費下載、嵌入 HTML,更提供免費圖片、向量插圖、音樂下載使用
  • Feather Icons- 超過 200+ 個系統常用圖示免費下載,不僅開源還可線上調整圖示大小粗細與顏色!
  • Remix Icon - 免費開源圖標庫,多達 2 千以上的線性圖標免版權可商用下載
  • Iconshock - 提供超過 200 萬免費圖標,附上來源可作為個人使用,$99 美元即可終身可商業使用
  • GrayGrids - 多達 100+ 個免費 Bootstrap 高級主題與 HTML 範本任你下載,免版權可做商業用途使用

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

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

關於 Sliven

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

讀者互動

發佈留言 取消回覆

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

Primary Sidebar

追蹤我們

站內搜尋

最新文章

  • ProductShot – 免費上圖片局部放大產生器,幫助你凸顯圖片中的重點區塊並支援複製上傳下載功能
  • Whyp.it – 免費音樂雲端上傳空間,免註冊即可上傳音樂並即時線上高音質播放
  • 【WordPress 付費主題免費下載】Bethlehem – Church WordPress Theme
  • 【WordPress 付費主題免費下載】Anada – Data Science & Analytics Saas WordPress Theme
  • 【WordPress 付費主題免費下載】Yoome – Modern WooCommerce WordPress Theme
  • 【WordPress 付費主題免費下載】Cindy – Accessible Local Government WordPress Theme
  • Upload.cc – 老牌免費圖片上傳雲端空間,上限 5 MB 無需註冊永不刪檔支援批量圖片上傳功能
  • Blobs – 線上免費產生 Blobs 圖形,可調整大小形狀、漸變顏色並產生 SVG 格式與支援 Flutter 程式匯入
  • BackgroundCut – 最佳免費線上去背工具,採用 AI 技術處理刪除複雜背景並產生高解析度去背後圖片
  • CSS Gradient – 線上產生線性漸變背景,提供 5 種漸變模式與可客製化顏色與色段區間並產生 CSS 程式碼
Bluehost best deal from TechMoon $2.95/月
Bluehost 獨家優惠
現在透過 TechMoon 專屬優惠折價券購買 Bluehost 主機,享有每月 $2.95 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • Heroicons - 免費商用 Icons SVG 線上圖標,可直接在 HTML 中使用 CSS 類別元素顯示 Icons
  • Iconpie - 快速免費產生網站圖標 Icons,上傳圖片後自動產生 Web、iOS、Android 圖標
  • Iconhub - 免費自定義線上圖標 Icons,提供 6 種不同樣式與上千種 Icons 可做商業用途使用
  • Simple Icons - 大量知名品牌圖標 Icons,CC0 可商用免費下載 SVG 向量檔與提供線上 CDN 資源
  • Stocksnap - 免費圖庫 CC0 免版權下載,可商用無須註明,且不斷更新中!
  • Emblemicons - 免費開源圖標 Icons,高達 1000+ 個產品開發、設計與業務展示的圖標樣式免費下載
  • GrayGrids - 多達 100+ 個免費 Bootstrap 高級主題與 HTML 範本任你下載,免版權可做商業用途使用
  • Free Vector Illustrations - 150+ 免費插圖與動態圖片免註冊下載,無須署名且能運用在商業用途使用
  • Icons8 - 大量圖標免費下載、嵌入 HTML,更提供免費圖片、向量插圖、音樂下載使用
  • Radix Icons - 15x15 開源圖標 Icons 免費下載,支援 Sketch、Figma 與 SVG 檔案格式

相關文章

  • Clipping Magic – 線上圖片去背神器,透過 AI 技術一鍵上傳自動去除圖片背景還可自訂去背區塊
  • Ray.so – 免費程式碼轉換圖片線上工具,將代碼製作成精美的色彩圖片可自由客製化圖片外觀
  • ScreenApp.io – 免費線上螢幕錄製工具,透過瀏覽器即可進行錄製
  • Shutterstock – 每月免費 10 張圖片下載,首月免費試用,無需付費隨時可以取消
  • Icons8 – 大量圖標免費下載、嵌入 HTML,更提供免費圖片、向量插圖、音樂下載使用
  • Tencent Lemon Cleaner 騰訊檸檬清理 – 超好用的 Mac 清理軟體工具,加速你的 Mac 電腦
  • Lens – Mac 免費開源圖片格式轉換工具,可批次處理大量圖片支援 JPG、PNG 與 GIF 格式
  • Feather Icons- 超過 200+ 個系統常用圖示免費下載,不僅開源還可線上調整圖示大小粗細與顏色!
  • Iconshock – 提供超過 200 萬免費圖標,附上來源可作為個人使用,$99 美元即可終身可商業使用
  • VirusTotal – 免費線上掃毒工具,同步 66+ 個線上掃毒軟體,可上傳檔案或網址快速偵測病毒威脅
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明