Regen Icons

一套面向 Agent 构建界面的开源 SVG 图标系统。

Regen Icons 是一套包含 225 个线性图标的精选图标集，基于统一的 24px 网格。每个图标都从一个紧凑、易读的绘图源文件开始，并被编译为原始 SVG、React 组件、雪碧图（sprite）和可搜索的目录。这使得这套图标现在易于使用，也让人类和 Agent 在未来能够安全地扩展它。

Regen 以 MIT 许可证（MIT License）发布，作为对公共资源的一份贡献。欢迎使用它、改造它，并帮助它成长。

使用图标

在 svg/outline 中浏览主图标集。每个图标都是命名清晰、独立成文件的 SVG，你可以直接复制到项目中，或拖入设计工具。闭合形状的色调变体单独存放在 svg/filled 中。

如需本地可搜索的图库：

pnpm install --dir generator
pnpm preview

这会在 generator/dist/preview.html 构建出图库，你可以在其中搜索整个图标集，并切换尺寸、主题和风格。

扩展图标集

SVG 文件是自动生成的。若要添加或改进某个图标，请编辑其在 generator/src/<name>.icon.json 中的规范绘图文件，然后进行校验，并在相关图标旁进行预览：

pnpm --dir generator check src/<name>.icon.json
pnpm --dir generator preview <name> <neighbour> --matrix
pnpm test

绘图指南定义了网格、描边、几何形状和审查规范。贡献指南说明了完整的工作流程。编码类 Agent 应从 generator/AGENTS.md 开始。

包状态

可发布的 npm 包已准备为 regen-icons，但尚未发布。在此之前，请直接使用本仓库中的 SVG 文件。该包将包含 React 组件、TypeScript 类型、原始 SVG、雪碧图以及 icons.json。

项目

源码、问题反馈与贡献：github.com/kazdenc/regen-icons