使用指南
从创建项目到生成字体，只需几步即可完成
快速开始
1
注册并登录
免费创建账号，免费用户可创建 10 个项目、每个项目最多 200 个图标。
2
新建项目
在首页点击「新建项目」，设置名称、font-family、CSS class 前缀。
3
上传 SVG
进入项目，支持拖拽或点击上传多个 SVG 文件。文件名将作为图标名称。
4
编辑与管理
点击图标查看详情，可重命名、修改标签、删除。支持多色 SVG 编辑。
5
生成字体包
点击「生成字体包」按钮，下载 ZIP 包含 TTF、CSS、Symbol SVG、Demo HTML 和 README。
6
使用字体
引入 CSS，使用 class 即可：
公开项目
创建项目时选择「公开」，即可在 探索页 展示你的图标集，供其他用户浏览和收藏。
公开项目也会在首页的「推荐图标集」区域展示。
GitHub 目录导入
支持从任何 GitHub 仓库的目录批量导入 SVG，例如：
https://github.com/lucide-icons/lucide/tree/main/icons
在首页或项目页点击「从 GitHub 导入」，粘贴 URL，选择要导入的图标即可。
上传规范
- • 格式：仅支持
.svg文件 - • 尺寸：建议 viewBox 为
0 0 1024 1024或0 0 24 24 - • 路径：使用
<path d="..."/>而非嵌套元素 - • 颜色：单色图标使用
fill="currentColor"或省略 fill - • 多色：保留原始 fill 属性即可，系统自动检测并生成 COLRv0 彩色字体
- • 文件名：将作为图标名称，支持中划线和下划线
字体生成
单色字体
使用 svg2ttf 将单色 SVG 转换为 TrueType 字体，同时生成 CSS 文件和 Symbol SVG 精灵图。适合 Web 项目的常规图标需求。
COLRv0 彩色字体
对多色 SVG 提取颜色层，生成支持 CPAL 表的 COLRv0 字体。可在现代浏览器中显示原生彩色图标。
点击项目页"生成字体包"按钮，即可下载一个 ZIP，包含：
- <font-name>.ttf — TrueType 字体文件
- <font-name>.css — @font-face + class 规则
- <font-name>.symbol.svg — SVG 精灵图
- demo.html — 演示页
- README.md — 使用说明
API Token
在 个人设置 生成 API Token，使用 Bearer Token 调用 REST API：
curl -H "Authorization: Bearer <your-token>" \ https://your-domain.com/api/projects
常见问题
匿名模式和登录模式有什么区别？
匿名模式下，项目数据仅保存在浏览器本地存储（localStorage）中，换设备或清除浏览器数据后会丢失。登录后项目将保存到云端数据库，可在任何设备访问。
生成的字体可以商用吗？
可以。你拥有上传 SVG 的完整版权，平台生成的字体文件归你所有，可自由用于商业项目。
支持哪些浏览器？
现代浏览器均支持，包括 Chrome、Firefox、Safari、Edge 最新两个主版本。COLRv0 彩色字体需要较新的浏览器支持。