又一款开源图标库 CSS.GG，值得一用
2021-01-24 20:16
阅读：433
YPE html>
标签：des href src cdn 关注 import svg orm doc
嗨，我是 Martin，也叫老王，今天推荐一款好用的开源图标库。
我们平常找图标往往会去 iconfont
但是今天，我们看了 Martin 的文章之后，就会有一个新的选择——CSS.GG
Github
https://github.com/astrit/css.gg
star 5751fork 214Watch 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 @importSVGJSON - pathsXML - pathsReact-
Design Tools-
Figmahttps://css.gg/fig -
Adobe XDhttps://css.gg/xd
-
关注我们
今天的分享就到这里，点赞、收藏、留言，三连。
记得关注我们哟，送你一份前端大礼包。
又一款开源图标库 CSS.GG，值得一用
标签：des href src cdn 关注 import svg orm doc
原文地址：https://www.cnblogs.com/w3cfed/p/css-icons.html
文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：又一款开源图标库 CSS.GG，值得一用
文章链接：http://soscw.com/index.php/essay/46482.html
文章标题：又一款开源图标库 CSS.GG，值得一用
文章链接：http://soscw.com/index.php/essay/46482.html
评论
亲，登录后才可以留言！