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

TechMoon 科技月球

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

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • SiteGround 主機
  • WordPress
    • WordPress 教學
    • WordPress 主題
    • WordPress 外掛
  • 免費資源
  • 優惠資訊
  • 自我提升
    • Excel 教學
    • 網路行銷
  • Udemy 免費課程
  • 虛擬主機總覽
目前位置: 首頁 / 免費資源 / CSS.GG – 700+ 開源免版權圖標免費下載,支援 Figma 格式檔案,並提供 .css、.svg、.tsx、.fig、.xd、.json、.xml 格式下載
CSS.GG - 700+ 開源免版權圖標免費下載,支援 Figma 格式檔案,並提供 .css、.svg、.tsx、.fig、.xd、.json、.xml 格式下載

CSS.GG – 700+ 開源免版權圖標免費下載,支援 Figma 格式檔案,並提供 .css、.svg、.tsx、.fig、.xd、.json、.xml 格式下載

Last Updated on 2020-08-10 By Sliven Leave a Comment

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

CSS.GG 提供了開源的 CSS、SVG 與 Figma UI Icons,目前已經開發了 700+ 以上的免費圖標,並且,所有的圖標都支援 Figma 格式開啟,並支援:.css、.svg、.tsx、.fig、.xd、.json、.xml…等等格式,你可以根據你所需要的格式免費下載該任何圖標。

CSS.GG 的所有圖標都採用 MIT 授權方式,因此你可以自由地將圖標運用在商業或個人的用途,並允許你能夠複製、重製與重新授權…等等,所以你也可以直接透過 CSS.GG 所提供的 API 直接串接到你的專案中進行使用。

如果你想要尋找更多免費圖標網站,可以參考:Tabler Icons、SVG Repo、Heroicons.dev、Ionicons、iconmonstr、Simple Icons…等等介紹。

網站名稱:700+ CSS Icons, Customizable, Retina Ready & API
網站網址:https://css.gg/

目錄
1. CSS.GG 簡介教學
2. 查看所有圖標
3. 搜尋圖標
4. 下載圖標
5. 提供 CSS、SVG、TSX 格式
6. 你可能有興趣
7. 更多相關文章

CSS.GG 簡介教學

下面帶你如何在 CSS.GG 中搜尋圖標 Icons 與下載各種格式的圖示。

第 1 步

查看所有圖標

進入首頁,往下滾動後下方會出現「View all icons」,點選後即可進入所有圖標的瀏覽頁面:

查看所有圖標 Icons
查看所有圖標 Icons
第 2 步

搜尋圖標

進入所有圖標的瀏覽頁面後,可以從左側點選類別進行圖標的過濾顯示,或者透過上方的搜尋框進行圖標的搜索:

搜尋圖標 Icons
搜尋圖標 Icons
第 3 步

下載圖標

進入你所選擇的圖標之後,在右側就可以選擇你想要的格式進行下載,你能夠選擇:.css、.svg、.tsx、.fig、.xd、.json、.xml…等等格式,挑選好之後,點選右方的「Download」按鈕即可進行下載:

下載 .css、.svg、.tsx、.fig、.xd、.json、.xml...等等格式的圖標
下載 .css、.svg、.tsx、.fig、.xd、.json、.xml…等等格式的圖標
第 4 步

提供 CSS、SVG、TSX 格式

CSS.GG 除了提供各種圖標格式可供下載之外,另外也提供了 CSS、SVG 與 TSX 的線上格式。因此,在每個圖標下方都能夠挑選 CSS、SVG 或 TSX 的樣式,並可直接複製並直接貼上你的專案程式碼當中進行使用:

每個圖標都提供 CSS、SVG 與 TSX 的格式可直接複製到專案程式碼當中使用
每個圖標都提供 CSS、SVG 與 TSX 的格式可直接複製到專案程式碼當中使用

此外也提供不同的方式匯入 CSS 樣式表,像是:HTML、CSS、JSON、XML…等等格式。根據你的使用情況使用不同的匯入方式。

如果你還想尋找更多有關免費圖示的資源,可以參考:

  • Remix Icon – 免費開源圖標庫,多達 2 千以上的線性圖標免版權可商用下載
  • Iconshock – 提供超過 200 萬免費圖標,附上來源可作為個人使用,$99 美元即可終身可商業使用
  • Icons8 – 大量圖標免費下載、嵌入 HTML,更提供免費圖片、向量插圖、音樂下載使用
  • Feather Icons- 超過 200+ 個系統常用圖示免費下載,不僅開源還可線上調整圖示大小粗細與顏色!
  • FreeImages – 超過 300,000+ 線上圖庫,提供免版稅、免費圖片下載且支援中文關鍵字搜尋
CSS.GG - 700+ 開源免版權圖標免費下載,支援 Figma 格式檔案,並提供 .css、.svg、.tsx、.fig、.xd、.json、.xml 格式下載

CSS.GG 評價推薦優點

  • 提供700+ 免費開源圖標
  • 提供 7 種圖標格式下載
  • 提供 3 種圖標格式線上使用

你可能有興趣

  • Emblemicons – 免費開源圖標 Icons,高達 1000+ 個產品開發、設計與業務展示的圖標樣式免費下載
  • Iconhub – 免費自定義線上圖標 Icons,提供 6 種不同樣式與上千種 Icons 可做商業用途使用
  • Heroicons – 免費商用 Icons SVG 線上圖標,可直接在 HTML 中使用 CSS 類別元素顯示 Icons
  • Unicons Solid – 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載
  • Octicons – GitHub 官方開源 Icons 免費圖示下載,支援 Ruby, Rails, Jekyll 適合開發者使用
  • IconPark – 字節跳動官方出品超過 1287+ 高品質圖標免費下載,可線上客製化圖示外觀樣式
  • LineIcons – 超過 2000+ 個線形圖標庫,專為設計師與開發人員設計的圖標 Icons 免費下載
  • Animated icons by Icons8 – 900+ 免費線上動畫圖標,提供 GIF、JSON 與 AE 格式免費下載可商用動畫圖示
  • Radix Icons – 15×15 開源圖標 Icons 免費下載,支援 Sketch、Figma 與 SVG 檔案格式
  • Iconstore – 高畫質免費 Icons 圖標庫,234+ 個圖標集合包,CC0 可免費作為商業用途
  • Tabler Icons – 超過 558+ 高品質圖標 SVG 格式免費下載,MIT 授權可線上客製化圖示樣式
  • SVG Repo – 免費 SVG 圖標與向量圖示免費下載,高達 300,000+ 的免版權可商用圖標集任你下載

更多相關文章

  • PxHere - 大量免費圖片與照片線上圖庫,提供 CC0 可商用高清素材,並提供 iOS、Android 尺寸可供下載
  • 【WordPress 付費主題免費下載】Revity - OnePage Parallax
  • Cloudflare Speed Test - 免費測試你的網路速度,精確的測出你的網路頻寬
  • Heroicons - 免費商用 Icons SVG 線上圖標,可直接在 HTML 中使用 CSS 類別元素顯示 Icons
  • Simple Icons - 大量知名品牌圖標 Icons,CC0 可商用免費下載 SVG 向量檔與提供線上 CDN 資源
  • Octicons - GitHub 官方開源 Icons 免費圖示下載,支援 Ruby, Rails, Jekyll 適合開發者使用
  • 2021 最新 34 個推薦可商用免版權線上免費圖片,各種風景素材背景圖片、影片素材免費圖庫懶人包!
  • LineIcons - 超過 2000+ 個線形圖標庫,專為設計師與開發人員設計的圖標 Icons 免費下載
  • Iconstore - 高畫質免費 Icons 圖標庫,234+ 個圖標集合包,CC0 可免費作為商業用途
  • Icons8 - 大量圖標免費下載、嵌入 HTML,更提供免費圖片、向量插圖、音樂下載使用
  • Unicons Solid - 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載
  • IconPark - 字節跳動官方出品超過 1287+ 高品質圖標免費下載,可線上客製化圖示外觀樣式

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

所屬分類: 免費資源 標籤: CSS, CSS.GG, Figma, Icons, 免費 Icons, 免費圖標, 免費圖標下載, 免費圖示, 免費圖示下載, 圖標下載, 圖示

讀者互動

發佈留言 取消回覆

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

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 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • Uncommon Illustrations by Artify - 免費下載 190 個向量插圖 PNG 格式,可供個人用途使用
  • LineIcons - 超過 2000+ 個線形圖標庫,專為設計師與開發人員設計的圖標 Icons 免費下載
  • Emblemicons - 免費開源圖標 Icons,高達 1000+ 個產品開發、設計與業務展示的圖標樣式免費下載
  • Unicons Solid - 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載
  • Octicons - GitHub 官方開源 Icons 免費圖示下載,支援 Ruby, Rails, Jekyll 適合開發者使用
  • Iconhub - 免費自定義線上圖標 Icons,提供 6 種不同樣式與上千種 Icons 可做商業用途使用
  • Heroicons - 免費商用 Icons SVG 線上圖標,可直接在 HTML 中使用 CSS 類別元素顯示 Icons
  • Cloudflare Speed Test - 免費測試你的網路速度,精確的測出你的網路頻寬
  • Whoooa! - 120 個可自定義手繪向量插圖,提供所有設計軟體格式,特惠 30% 折扣限量索取!
  • Iconstore - 高畫質免費 Icons 圖標庫,234+ 個圖標集合包,CC0 可免費作為商業用途

相關文章

  • Logo Instant – 可商用免費 Logo 素材下載,包含原始 AI 檔修改原圖
  • Tailwind Ink – 線上 AI 顏色調色盤產生器,指定色碼後自動產生 100 個相關的顏色並直接提供色碼
  • CleanPNG – 超過百萬張去背素材線上圖庫,提供熱門去背素材免註冊即可下載高解析度免費圖庫
  • Fast or Slow – 免費網站測速工具,從世界各地測試你的網站速度
  • Clipping Magic – 線上圖片去背神器,透過 AI 技術一鍵上傳自動去除圖片背景還可自訂去背區塊
  • Radix Icons – 15×15 開源圖標 Icons 免費下載,支援 Sketch、Figma 與 SVG 檔案格式
  • Heroicons – 免費商用 Icons SVG 線上圖標,可直接在 HTML 中使用 CSS 類別元素顯示 Icons
  • Trace – 免費線上快速去背工具,提供內建背景能替換去背後的背景圖片
  • 如何在 WordPress 中自定義滾動條?兩個方法教你快速設定!
  • Simple Ops – 免費網站運行監測線上工具,即時紀錄網站性能與提供警報,隨時提醒網站運行狀態
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
SiteGround 主機 3 折優惠 + WordPress 一鍵安裝完整教學
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明