产品图标起点
把 24x24 网格用作清晰图标、收藏物、库存道具或 UI 插画。
1. 选择调色板
从 forest 开始，再尝试其他内置调色板或手动编辑 hex。
2. 微调网格
使用铅笔、橡皮、填充、形状、选择和全屏编辑工具，让 sprite 更符合你的需求。
3. 交付素材
下载 PNG 或 SVG，或复制 JSON、CSS variables 和 Tailwind config 用于产品开发。
模板说明
这个模板以颜色索引保存，画面结构和颜色彼此分离。你可以切换调色板、编辑单个格子，再把同一个 sprite 导出为生产图片或设计 token，不需要从头重画。
把 24x24 网格用作清晰图标、收藏物、库存道具或 UI 插画。
调整调色板、轮廓或小强调元素，同时保持干净的像素结构。
在同一流程中从模板导出 PNG、SVG、JSON、CSS variables 或 Tailwind tokens。
从 forest 开始，再尝试其他内置调色板或手动编辑 hex。
使用铅笔、橡皮、填充、形状、选择和全屏编辑工具，让 sprite 更符合你的需求。
下载 PNG 或 SVG，或复制 JSON、CSS variables 和 Tailwind config 用于产品开发。
