CSS ICON 的替代品
6 个可以替代 CSS ICON 的工具。费用、登录、平台与可访问性都是本站实测或从官网核对的。
对比
| 条目 | 费用 | 登录 | 平台 | 国内可直接访问 | 一句 |
|---|---|---|---|---|---|
 Iconify |
免费 | — | 网页 | 待检测 | 替代找图标这一块：聚合多套图标库可搜索，但输出 SVG 而非纯 CSS 代码 |
 iconfont |
有免费版 | 可选登录 | 网页 | 待检测 | 替代找图标这一块：图标量极大、中文界面，但需下载或转字体调用，不是纯 CSS 绘制 |
 IconPark |
免费 | 可选登录 | 网页 | 待检测 | 替代国内可用图标源这一块：可在线调线条与配色，但输出组件或 SVG，非纯 CSS |
 Font Awesome |
有免费版 | 要登录 | 网页 | 可以 | 替代整套图标方案：可打包成 Kit 一行嵌入，但走字体或 SVG，不是纯 CSS 代码 |
 Feather Icons |
免费 | 不用登录 | 网页 | 可以 | 替代轻量线性图标这一块：可调尺寸描边颜色，但需引入 SVG，不是复制 CSS 代码 |
 Lucide |
免费 | 不用登录 | 网页 | 可以 | 替代轻量图标这一块：开源可调色可 tree shaking，但输出 SVG 组件而非纯 CSS |
详细介绍
部分替代 6
Iconify
开源矢量图标聚合站，把 Material、UI 24px、编程、Logo 等类别的图标集收在一处，支持关键词搜索并按分类、标签、网格样式和许可证过滤，每套都标出来源与协议，适合 Web 前端在给界面配图标前先核对授权。替代找图标这一块：聚合多套图标库可搜索，但输出 SVG 而非纯 CSS 代码
iconfont
阿里妈妈推出的矢量图标平台，收录上千万图标，支持关键词搜索、多格式下载和转字体调用，也能用 AI 生成或统一图标风格，适合给项目找一套风格统一的图标或把图标做成字体嵌进页面的设计师和前端工程师。替代找图标这一块：图标量极大、中文界面，但需下载或转字体调用，不是纯 CSS 绘制
IconPark
字节跳动开源的图标资源库，站内 2600 多个基础图标分 29 类，可在线调整线条粗细、端点样式与配色，并提供 React、Vue、Vue3 和 SVG 代码包，适合做界面设计的人找风格统一的图标、前端开发者直接装包调用。替代国内可用图标源这一块：可在线调线条与配色，但输出组件或 SVG，非纯 CSS
Font Awesome
老牌开源图标库与工具包，6 万多枚图标、30 多种风格，可打包成 Kit 用一行代码嵌入网站，给设计师和前端开发者用。替代整套图标方案：可打包成 Kit 一行嵌入，但走字体或 SVG，不是纯 CSS 代码
Feather Icons
开源线性图标库，图标画在 24x24 网格上、线条粗细统一，可在网页上调整尺寸、描边与颜色并整套下载 SVG，适合做网页或应用界面的设计师和前端开发者快速搭原型、写界面。替代轻量线性图标这一块：可调尺寸描边颜色，但需引入 SVG，不是复制 CSS 代码
Lucide
开源 SVG 图标库，2000 多枚图标按同一套规则绘制，可改颜色、尺寸和描边，支持搜索与 tree shaking 按需引入，适合正在做网页或应用界面、需要一套风格统一图标的开发者和设计师。替代轻量图标这一块：开源可调色可 tree shaking，但输出 SVG 组件而非纯 CSS
还有：css.gg（未收录）