css.gg 是开源 CSS、SVG 和 Figma UI 图标，可用于 SVG Sprite、样式组件、NPM 和 API。
2.0 中的新功能
-
200 个新图标
-
SVG 图标
-
SVG Sprite
-
样式组件
-
React 本地样式组件
-
Figma 组件
-
Adobe XD 组件
开始使用
通过 npm 或 yarn 安装最新版本
npm i css.gg
yarn add css.gg
使用软件包管理器
此软件包包含以下目录和文件：
| Path | |
|---|---|
| /css | 单独的 *.css 图标 |
| /scss | 单独的 *.scss 图标 |
| /svg | 单独的 *.svg 图标 |
| /tsx | 单独的 *.tsx 图标 styled-components |
| /all.css | 所有图标压缩在一个文件中 |
| /all.d.ts | styled-components |
| /all.fig | 本地 figma 文件与 https://css.gg/fig 相同 |
HTML 包含
1.所有图标
<!-- css.gg --> <link href='https://css.gg/css' rel='stylesheet'> <!-- UNPKG --> <link href='https://unpkg.com/css.gg/icons/all.css' rel='stylesheet'> <!-- JSDelivr --> <link href='https://cdn.jsdelivr.net/npm/css.gg/icons/all.css' rel='stylesheet'>
2. 单一图标
<!-- css.gg -->
<link href='https://css.gg/ {ICONNAME} .css' rel='stylesheet'>
<!-- UNPKG -->
<link href='https://unpkg.com/css.gg/icons/css/ {ICONNAME} .css' rel='stylesheet'>
<!-- JSDelivr -->
<link href='https://cdn.jsdelivr.net/npm/css.gg/icons/css/ {ICONNAME} .css' rel='stylesheet'>
评论