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

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/

CSS.GG 簡介教學

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

第 1 步

查看所有圖標

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

Pin

第 2 步

搜尋圖標

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

Pin

第 3 步

下載圖標

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

Pin

第 4 步

提供 CSS、SVG、TSX 格式

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

Pin

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

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

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

Pin

CSS.GG 評價推薦優點

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