大家好,欢迎来到IT知识分享网。
今天给大家推荐一款非常值得一用的开源矢量图标库CssGG。
css.gg 又一款供设计和前端开发的工具图标库,star高达6.5K+。拥有超过700+个矢量图标,可被用于.css|.svg|.tsx|.fig|.xd|.json|.xml等多种格式。
作为前端开发,平时需要使用图标都会去阿里iconfont图标库查找。
今天就多了一种新的选择css.gg。只要是优秀的,我们就有理由去使用它。
安装
$ 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> <!-- 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等其它方式。
纯CSS、SVG、Figma UI Icons 可用在 SVG雪碧图,styled-components等。
so perfect,非常不错的一款开源图标库。
# 官网地址 https://css.gg/ # 仓库地址 https://github.com/astrit/css.gg
ok,今天就介绍到这里。如果小伙伴们有兴趣的话,可以去试一试哈!
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/78061.html