前言:
目前你们对“css矢量”大致比较注意,大家都需要分析一些“css矢量”的相关文章。那么小编也在网络上搜集了一些有关“css矢量””的相关知识,希望大家能喜欢,看官们快快来了解一下吧!今天给大家推荐一款非常值得一用的开源矢量图标库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='; 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,非常不错的一款开源图标库。
# 官网地址 仓库地址
ok,今天就介绍到这里。如果小伙伴们有兴趣的话,可以去试一试哈!
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。