CSS.gg 是一个开源的图标库,提供超过 700 款纯 CSS、SVG 和 Figma UI 图标,以及超过 6000 个独特的字形、图案、颜色和布局元素。这些图标由开发者 Astrit Malsija 创建,旨在为开发者和设计师提供高质量、易于使用的图标资源。
🔍 核心特点
- 纯 CSS 图标:无需额外资源,图标通过 CSS 渲染,加载速度快,支持动画效果。
- 多种格式支持:提供 SVG、PNG、JSON、XML、SCSS、Styled Components、NPM 包等多种格式,方便在不同项目中使用。
- Figma 组件库:在 Figma 中提供组件库,方便设计师在设计过程中使用。
- Raycast 扩展:在 Raycast 中提供扩展,支持快速搜索和复制图标。
- 自定义颜色和大小:图标支持继承父元素的颜色,且可通过 CSS 变量调整大小,方便与项目主题配合。
- 开源与社区支持:项目托管在 GitHub 上,欢迎开发者参与贡献。
🌐 使用方式
- 在线浏览:访问 https://css.gg/app 直接浏览和复制图标代码。
- NPM 安装:通过
npm install css.gg
或yarn add css.gg
安装,支持 React、Vue 等框架。 - CDN 引入:可通过 CDN 链接引入图标,方便快速使用。
- Figma 插件:即将发布 Figma 插件,方便设计师在设计过程中使用。
🛠️ 开发背景
Astrit Malsija 创建 CSS.gg 的初衷是为了提供一个简洁、快速、易于使用的图标库,满足开发者和设计师的需求。他希望通过这个项目,回归 Web 开发的本质,提供一个高质量的开源资源供社区使用。
无论您是前端开发者、UI 设计师,还是产品经理,CSS.gg 都是一个值得尝试的图标库。它不仅提供丰富的图标资源,还注重性能和可定制性,能够满足不同项目的需求。