css.gg – 一款免費開源CSS庫實現700+圖標應用前端項目

shadowbook 發布于2021-09-23 11:57 / 2738人閱讀

摘要：支持等格式調用的圖標，圖標數調用基本上滿足我們大部分的項目需要的小圖標。范例以上是部分的應用，如果我們需要用到前端業務中，可以根據需要選擇

以前我們在開發前端WEB端的時候，如果需要用到小圖標是不是需要讓美工設計小圖標然后調用。這樣不僅僅效率低下，而且會影響到我們前端的速度和管理效率。于是如今我們在使用前端小圖標的時候都會引用第三方JS、圖標庫，在這篇文章中老蔣要介紹的是CSS.GG純CSS代碼庫可以實現700+的圖標調用。

CSS.GG 支持CSS、SVG等格式調用的圖標，700+圖標數調用基本上滿足我們大部分的項目需要的小圖標。

我們看看在各個應用中如何調用圖標。

第一、HTML調用

1、所有圖標

2、單個圖標

3、舉個例子

第二、CSS @import

1、所有圖標

/* css.gg */@import url("https://css.gg/css");/* UNPKG */@import url("https://unpkg.com/css.gg/icons/all.css");/* JSDelivr */@import url("https://cdn.jsdelivr.net/npm/css.gg/icons/all.css");

2、單個圖標

/* css.gg */@import url("https://css.gg/ {ICONNAME} .css");/* UNPKG */@import url("https://unpkg.com/css.gg/icons/css/ {ICONNAME} .css");/* JSDelivr */@import url("https://cdn.jsdelivr.net/npm/css.gg/icons/css/ {ICONNAME} .css");

第三、SVG

1、SVG下載路徑

我們不能直接引用，需要下載到本地。

https://css.gg/svghttps://unpkg.com/css.gg/icons/all.svghttps://cdn.jsdelivr.net/npm/css.gg/icons/all.svg

2、范例

以上是部分CSS.GG的應用，如果我們需要用到前端業務中，可以根據需要選擇.

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/120869.html

15個有趣的JavaScript與CSS庫

摘要：而調試器具有對模型控制器以及視圖的實時管理權限。項目地址是一個輕量級純寫的文本工具提示庫。它支持種不同國家的貨幣格式，以及超過種不同語言的本地化設置。項目地址是一個根據規范構建的輕量級框架。它壓縮后僅有，同時它沒有預先設定的元素和內置動畫。在十一月份的前端技術列表中，我們整合了一些令人感到驚嘆的 GitHub 項目，其中包含了新的 CSS 框架、node.js包管理器，以及用于實現圖...

chemzqm 2019-08-30 13:15 評論0 收藏0
15個有趣的JavaScript與CSS庫

摘要：而調試器具有對模型控制器以及視圖的實時管理權限。項目地址是一個輕量級純寫的文本工具提示庫。它支持種不同國家的貨幣格式，以及超過種不同語言的本地化設置。項目地址是一個根據規范構建的輕量級框架。它壓縮后僅有，同時它沒有預先設定的元素和內置動畫。在十一月份的前端技術列表中，我們整合了一些令人感到驚嘆的 GitHub 項目，其中包含了新的 CSS 框架、node.js包管理器，以及用于實現圖...

wangjuntytl 2019-08-22 11:02 評論0 收藏0
前端學習資源

摘要：掘金日報第四期使用怎么能不知道這些插件合集掘金日報主打分享優質深度技術內容，技術內容分前端后端產品設計工具資源和一些有趣的東西。目前已經涵蓋了的相關資源鏈接，供大家參考與學習。【掘金日報】第四期使用Sublime？怎么能不知道這些 Sublime 插件合集！掘金日報主打分享優質深度技術內容，技術內容分：前端、后端、Android、iOS、產品設計、工具資源和一些有趣的東西。前端...

xzavier 2019-08-30 13:57 評論0 收藏0
前端學習資源

摘要：掘金日報第四期使用怎么能不知道這些插件合集掘金日報主打分享優質深度技術內容，技術內容分前端后端產品設計工具資源和一些有趣的東西。目前已經涵蓋了的相關資源鏈接，供大家參考與學習。【掘金日報】第四期使用Sublime？怎么能不知道這些 Sublime 插件合集！掘金日報主打分享優質深度技術內容，技術內容分：前端、后端、Android、iOS、產品設計、工具資源和一些有趣的東西。前端...

weij 2019-08-26 11:43 評論0 收藏0
庫&插件&框架&工具

摘要：一些有用的一些有用的，包括轉換小箭頭三角形媒體查詢等中文指南是當下最熱門的前端資源模塊化管理和打包工具。 nodejs 入門 nodejs 入門教程，大家可以在 github 上提交錯誤 2016 年最好用的表單驗證庫 SMValidator.js 前端表單驗證工具分享淺談前端線上部署與運維說到前端部署，可能大多數前端工程師在工作中都是使用的公司現成的部署系統，與SRE對接、一起完...

Codeing_ls 2019-08-01 18:22 評論0 收藏0