龙空技术网

全新开源 iconfont 矢量图标库CSS.GG

web前端进阶 2310

前言:

目前你们对“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,今天就介绍到这里。如果小伙伴们有兴趣的话,可以去试一试哈!

标签: #css矢量 #龙头iconcss