无需 Figma 和设计师，如何快速为个人项目制作一个像样的图标
听起来很熟悉：你刚完成 MVP 的打磨、编写了测试、配置好了构建流程，然后发现项目需要一个图标。为了一个简单的渐变加符号徽章去打开笨重的 Figma，感觉有点大材小用。在代码里盲目绘制，或者去那些满是广告的在线转换器里搜索，也不是什么吸引人的选择。
最近发现了 AppIcon Forge 仓库。这是一款轻量级开源网页工具，专门为这类场景设计。它能处理移动和桌面应用所需的方形和圆角图标排版工作。
生成器能做什么
核心思想很简单：给开发者一个简洁的界面，包含滑块和即时预览功能，无需矢量图形工具的臃肿。
只需几次点击就能组合出这样的示例：
详细分解功能，该服务涵盖了所有基本需求：
- Iconify 目录集成。界面包含对超过 200,000 个符号的矢量图标数据库的搜索功能。输入关键词，选择符号，即可在背景上即时预览。
- 文本和排版支持。可以从一两个字母创建徽标，调整字体、字间距，并为文本应用渐变。
- 上传自己的素材。如果标准图标不合适，可以上传本地 SVG 或栅格图像。
- 背景样式自定义。支持线性渐变和径向渐变、带模糊的投影、边框宽度和颜色，以及圆角设置。
顺便说一下，项目作者在 README 中留下了一个关于字体的有用警告。如果生成基于文本的图标，应用可能会默认使用你的操作系统字体。对于商业发布，最好切换到开放的 Google Fonts 以避免许可问题。
如何运行项目
最简单的方式是打开 GitHub Pages 上的现成版本，立即开始构建你的素材。无需安装。
如果你更喜欢将此类工具保留在本地，或者想在封闭网络内部署副本，只需几个命令即可启动项目。
使用 pnpm 运行
用于本地 TypeScript 和 Vite 开发：
0之后，界面将在浏览器中通过 3 访问。
在 Docker 中运行
如果你不想处理 Node.js 和包管理器，这里有一个现成的 Dockerfile：
1或者如果你已经有家庭服务基础设施设置，通过 Docker Compose：
2它适合什么任务
当然，这个工具不会取代图形设计师在复杂品牌设计方面的工作。但对于日常开发者任务来说，它已经足够了：
- 快速原型和个人项目，需要一个整洁的占位符而不是默认的白色方块。
- 内部企业工具和管理面板，发布速度比独特风格更重要。
- 为网站创建 favicon 或为 PWA 清单创建图标。
- 为浏览器扩展设置样式。
该项目采用宽松的 MIT 许可证分发。代码库简洁紧凑，如果你愿意，可以 fork 仓库并添加自己的网格模板或特定的 iOS 和 Android 导出格式。
相关项目