快捷搜索:  汽车  科技

icon图标网站(全新开源iconfont矢量图标库CSS.GG)

icon图标网站(全新开源iconfont矢量图标库CSS.GG)# 官网地址 https://css.gg/ # 仓库地址 https://github.com/astrit/css.ggok,今天就介绍到这里。如果小伙伴们有兴趣的话,可以去试一试哈!so perfect,非常不错的一款开源图标库。$ npm i css.gg -S包含以下目录及文件。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <title>Document</title> <!

今天给大家推荐一款非常值得一用的开源矢量图标库CSSGG。

icon图标网站(全新开源iconfont矢量图标库CSS.GG)(1)

css.gg 又一款供设计和前端开发的工具图标库,star高达6.5K 。拥有超过700 个矢量图标,可被用于.css|.SVG|.tsx|.fig|.xd|.json|.xml等多种格式。

icon图标网站(全新开源iconfont矢量图标库CSS.GG)(2)

作为前端开发,平时需要使用图标都会去阿里iconfont图标库查找。

icon图标网站(全新开源iconfont矢量图标库CSS.GG)(3)

今天就多了一种新的选择css.gg。只要是优秀的,我们就有理由去使用它。

icon图标网站(全新开源iconfont矢量图标库CSS.GG)(4)

icon图标网站(全新开源iconfont矢量图标库CSS.GG)(5)

安装

$ npm i css.gg -S

包含以下目录及文件。

icon图标网站(全新开源iconfont矢量图标库CSS.GG)(6)

快速使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <title>Document</title> <!-- You can add this link or any other CDN alternatives as mentioned above --> <link href='https://css.gg/css' rel='stylesheet'> </head> <body> <!-- Using i tag --> <i class="gg- {ICONNAME} "></i> <!-- Using div tag --> <div class="gg- {ICONNAME} "></div> <!-- Using custom tag --> <gg-icon class="gg- {ICONNAME} "></gg-icon> </body> </html>

另外还可 CSS @import引入,SVG、JSON、XML、React等其它方式。

icon图标网站(全新开源iconfont矢量图标库CSS.GG)(7)

icon图标网站(全新开源iconfont矢量图标库CSS.GG)(8)

CSS、SVG、Figma UI Icons 可用在 SVG雪碧图,styled-components等。

so perfect,非常不错的一款开源图标库。

# 官网地址 https://css.gg/ # 仓库地址 https://github.com/astrit/css.gg

ok,今天就介绍到这里。如果小伙伴们有兴趣的话,可以去试一试哈!

猜您喜欢: