又一款开源图标库 CSS.GG，值得一用

嗨，我是 Martin，也叫老王，今天推荐一款好用的开源图标库。

我们平常找图标往往会去 iconfont

但是今天，我们看了 Martin 的文章之后，就会有一个新的选择——CSS.GG

Github

https://github.com/astrit/css.gg

• star 5751
• fork 214
• Watch 86
• 项目介绍

700 + 纯 CSS, SVG & Figma UI Icons 可用在 SVG 精灵图, styled-components, NPM & API

使用方法

通过 npm or yarn 安装最新版本

npm i css.gg

yarn add css.gg

使用该包

该包，包含以下目录和文件:

Path	What it is
/css	individual *.css icons
/scss	individual *.scss icons
/svg	individual *.svg icons
/tsx	individual *.tsx icons styled-components
/all.css	all icons compressed in a single file
/all.d.ts	styled-components
/all.fig	local figma file same as https://css.gg/fig
/all.js	list of exported styled-components
/all.js.map	styled-components
/all.json	all icons *.css, *.svg, *.tsx including markup & public path
/all.scss	all icons in a single SCSS file npm i node-sass needed
/all.svg	SVG Sprite with all icons
/all.xd	local adobe xd file same as https://css.gg/xd
/all.xml	all icons *.css, *.svg, *.tsx including markup & public path

HTML 导入

1. All icons

2. Single icon

3. Collection

4. Markup

5. Example

其他方式

• CSS @import
• SVG
• JSON - paths
• XML - paths
• React

• Design Tools

  • Figma https://css.gg/fig
  • Adobe XD https://css.gg/xd

关注我们

今天的分享就到这里，点赞、收藏、留言，三连。

关注公众号「前端时空」，送你一份前端大礼包。