html游戏图标库,又一款开源图标库 CSS.GG，值得一用

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

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

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

Github

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

Document

其他方式

CSS @import

SVG

JSON - paths

XML - paths

React

关注我们

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

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