css.gg README

The project's README from github.com/astrit/css.gg. As one markdown file: README.md.

CSS*GG

A comprehensive, open-source CSS icons library.
Featuring Vanilla CSS, SVG and Figma UI icons

Now also a collection of well organised 6000 Unique Glyphs,
easy copy paste and available on the raycast extension.

Update 2024-08-26

The new version is live on the website, with a new design and a new way to browse the icons.
Soon to be released as a Figma plugin and the new version of the library.


Other resources: YouTube, Figma, Raycast, GLYF*APP


npm GitHub last commit Website npm GitHub issues GitHub stars Twitter Follow

css.gg


Support

If you want to support further development of this project consider becoming a sponsor

Github Sponsor — github.com/sponsors/astrit

css.gg (astrit/css.gg)

Searching Database…

10.1K ·GitHub
这是什么东西?CSS.GG 是一个全面的开源图标库:包含 700 多个用纯 CSS 编写的界面图标,还配有对应的 SVG 版本和 Figma 集合。
它是图标字体吗?这些图标到底是怎么实现的?不用字体文件,也不用 JavaScript:每个图标都是一个纯 CSS 类,直接加到元素上就能用,同时提供 SVG 和 Figma 版本。
我怎么把这些图标用到我的项目里?在 css.gg 网站上浏览图标,复制粘贴你需要的 CSS,也可以安装 npm 包,或者直接拿走 SVG 和 Figma 素材。
使用它需要什么框架或构建工具吗?只需要 HTML 和 CSS,别的都不用。图标都是原生 CSS 和 SVG,任何网页技术栈或框架都能直接用,不需要构建步骤。
只有那 700 个图标吗,这个集合里还有别的东西吗?还有 GLYF,这是一套整理得井井有条、包含 6000 多个独特字形的集合,另外还有图案、颜色和布局。所有内容都能直接复制粘贴,还有 Raycast 扩展可以快速访问这些图标。
我可以在 Figma 里使用这些图标吗?可以——这个库自带 Figma 界面图标,可以直接放进设计文件里。
它支持 React 和 styled-components 吗?styled-components 已列在该项目支持的标签里,而且图标本身就是纯 CSS 和 SVG,放进任何框架都行,React 也不例外。
这个项目还在更新吗?还在更新——2024 年 8 月网站上线了新版本,采用了新设计和新的图标浏览方式,同时还预告了 Figma 插件和新的库版本即将推出。
Creator
astrit
Size
6.6 MB
Stars
10.1K
Age
7y
Commits · 90 Days