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

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

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

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

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

安装

$ npm i css.gg -S

包含以下目录及文件。

快速使用

html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Documenttitle>        <link href=\'https://css.gg/css\' rel=\'stylesheet\'>head><body>        <i class="gg- {ICONNAME} ">i>        <div class="gg- {ICONNAME} ">div>        <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,今天就介绍到这里。如果小伙伴们有兴趣的话,可以去试一试哈!

(0)

相关推荐

  • WEB前端第十九课——雪碧图&滑动门

    WEB前端第十九课——雪碧图&amp;滑动门

  • vue 中使用 iconfont

    一.从 iconfont 官网下载图标库至本地 1.进入我的项目,将要使用的项目打包下载 2.下载到本地的文件是压缩形式,解压缩得到以下内容: 二.将本地库添加到 vue 项目 1.在 vue 项目 ...

  • 高清图标来袭!在vue项目中使用iconfont

    为什么不切图标了 以前的图标我们非常喜欢用ps等工具切成一张张xxx.png图片,如果稍微懂点移动端适配,对dpr(设备像素比)有所了解的,还会切出类似home@1x.ppng,home@2x.png ...

  • 大厂出品免费图标资源站

    IconPark 字节跳动出品矢量图标样式的开源图标库 编程导航开源仓库:https://github.com/liyupi/code-nav IconPark 图标库是一个通过技术驱动矢量图标样式的 ...

  • 2021年最值得收藏的11个图标素材库

    在设计过程中,每个设计师都绕不过"图标",好的图标库对设计师来说是非常难得的. 不同的图标库的特征和功能都不一样,就需要我们不断地筛选适合自己设计项目的图标库.今天,小憨给大家分享 ...

  • 阿里巴巴图标iconfont使用方法

    图标库有很多,例如: Font Awesome , bootstrap ,fontello等,阿里巴巴也提供了很强大的免费图标库:iconfont,下面就来介绍一下免费的使用方法. 1.登录阿里巴巴矢 ...

  • 有这4个免费商用插画素材库,从此稿稿一稿过!

    - 有了这些插画神器 轻轻松松做设计    大家好,我是美丫姐! 众所周知,在设计中运用插画 能为画面增色不少 插画也是品牌方爱用的 博取潜在用户好感的方式之一 就比如在谈性色变的大环境下 冈本的广告 ...

  • 小程序使用阿里巴巴图标库的方法

    选择购物车的里的字体图标库 点击阿里巴巴图标库的购物车,来到此页面,点击添加项目 项目添加过后如图,点击font class累引入,点击查看在线链接,复制链接url访问在线链接 访问链接过后,页面展示 ...

  • 阿里巴巴矢量图标库的使用

    在参考小米官网写页面时,会发现小米中有很多的矢量图标,小米的图标或许是自己的,但是我们写页面时要用到矢量图标时怎么办,可以使用阿里提供的图标库 阿里矢量图标库网址:https://www.iconfo ...

  • 字节跳动开源,超过2000个图标的高质量图标库——IconPark

    介绍 IconPark是字节跳动团队开源的一个开源图标库,一共提供超过2000个高质量的图标,提供可视化界面配置来实现不同的方案,非常适合开发者和设计师来使用! Github GitHub:https ...

  • 开源WPF控件库推荐:ModernWpf

    2020-09-16 ModernWpf仓库信息 站长从博客园 林德熙 处了解到此控件库,通过clone.编译.运行,发现这库确实不错,正如 林德熙 所言:"有十分漂亮的界面,整个都是 Wi ...

  • IconPark - 字节跳动出品的高质量免费图标库 

    转自: MicroUX 先来认识一下 IconPark出自字节跳动商业产品-CUX设计团队.联合技术同学一起打造的致力于解决研发和设计效率的图标工具.可以实现根据单一SVG源文件变换出多种主题, 具备 ...

  • 全新EPLAN Data Portal部件库服务正式上线!

    牛年伊始,EPLAN正式上线基于中国本地服务器的全新ePULSE网站www.epulse-eplan.cn,网站首先开通的是专为中国客户设计的EPLAN Data Portal部件库服务. 什么是EP ...

  • 赶上了,全新位图转矢量图神器,自带抠图功能,还能批量操作

    我们设计师在设计工作中经常会遇到需要把位图转换成矢量图形的操作,我们也并不陌生.因为AI和CDR中本身就有这个临摹功能:但是,很明显效果不咋地. 全新位图转矢量图神器粉丝免费领: 1.评论吱一声哟 2 ...

  • 五十个奥运矢量图标

    温馨提示:为了保证大家可以及时看见小轻松老师的推送,可将"轻轻松松学地理"设为星标(或者置顶)就可以第一时间看到小轻松老师的推送哦,看完如果能够给小轻松老师来个"赞&qu ...

  • GitHub Star 13.9k,顶级项目全新开源表格识别算法

    导 读 相信大家在工作生活中经常会遇到表格识别的问题,比如导师说,把下面 PDF 文件里面的表格取出来整理成 Excel 表. 也可能会遇到,公司领导或者客户发来一张截图,需要里面的表格取出来转成 E ...

  • 支持遥感图像了,Jittor开源物体检测算法库JDet

    8月4日,清华大学计图(Jittor)团队发布了遥感图像物体检测算法库JDet,支持S2ANet,Gliding,RetinaNet,Faster R-CNN等主流的遥感图像物体检测模型.希望借助Ji ...