CSS ICON
cssicon.space又名 CSSIcon
用纯 CSS 代码绘制图标的开源项目,收录 512 个图标,每段代码复制进样式表即可使用,颜色和大小随样式调整,适合不想为几个小图标引入图标库或图片资源的前端开发者。
工具网页英文

CSS ICON 是设计师 wentin(Wenting Zhang)的副业项目,把常见图标用纯 CSS 代码画出来,而不是用图片或字体文件。对前端开发者来说,这意味着图标可以随 CSS 一起加载,不用额外请求图片,颜色、大小也能通过改样式直接调整。
主要功能
站点提供一整套 CSS ICON 图标集,页面提到目前收录了 512 个图标,并说明还会继续增加。每个图标对应一段 CSS 代码,复制到自己的样式表里就能用。项目代码托管在 GitHub 上,可以查看实现方式,也可以参与贡献。
适合谁
适合不想为几个小图标引入图标库或图片资源的前端开发者,也适合想学习纯 CSS 绘制技巧的人。如果项目里图标数量多、样式要求复杂,用现成图标库可能更省事。
费用与限制
页面没有说明收费方式,从项目性质看应是免费使用,具体授权条款需要到 GitHub 仓库确认。站点本身是项目介绍页,作者同时在推广自己的另一个产品 Typogram(一个 logo 设计工具),页面上有相关入口。
常见问题
CSS ICON 有哪些平台 / App?
支持 网页。
CSS ICON 的替代品有哪些?
本站整理了 6 个替代品,例如 iconfont、Iconify、Heroicons、Feather Icons。