Kubai Icons：2,800+ 免费开源动态图标库，附 Claude Skill，让 AI 按同一风格接着画

Kubai Icons 官网图

今天，枯白发布了自己的动态图标库 Kubai Icons：2,800+ 图标，免费开源，体积极小。没有需要的怎么办？图标库附带 Skills，可交由 AI 生成风格一致、精细度一致的 Icon。质量第一梯队。支持贡献提交，署名感谢。

仓库 kubai087/kubai-icons，11 月 3 日建仓，目前 360 星；图标库官网 icons.kubai.design，支持 16 种语言。先说清楚授权：图标本身（icons/、badges/ 目录和四个包）是 MIT，可以商用、可以改、可以再分发；但 Skill 本身是 Kubai Icons License（source-available，不是开源），网站代码保留所有权利。原推「MIT，免费开源」说的是图标库，不是整个项目。

上面是作者的演示视频（约 1 分钟）：文件夹图标悬停时打开，图标会按物体本身的样子动起来。

Kubai Icons 悬停动效：16 个图标依次打开

README 里的悬停演示：16 个图标依次打开——文件夹打开、信封拆封、日历翻页、锁弹开、齿轮转动。

图标库有什么

2,800+ 图标：近 900 个基础图形，加上带徽章的版本和带斜杠的「关闭」版本。支持 React、Vue、原生 JavaScript、Web Components 和静态 SVG。官网可以按名字、形状或含义搜每个图标，换色、复制代码或给 Agent 的提示词，下载 SVG 或 PNG，还能把一批图标存成合集导出 ZIP。

缺图标怎么办：Skill 让 AI 接着画

库里没有想要的图标，不用自己画：附带的 Skill 交给 Claude 就行。给它一个功能列表或产品的代码，它会按同一套设计规则画出新图标，放在仓库现有的 66 个示例旁边，看起来像同一个设计师做的。默认是动态版：SVG + JS，悬停时按物体本身的样子动（文件夹打开、铃铛摇晃）；也可以导出静态 SVG，一个图标一个文件，不带脚本和样式。Skill 的做法是把可重复的部分都打包进仓库（66 个 worked examples 在 src/icons.js 里，新图标从结构最接近的那个起手），模型只需要决定图标是什么、画什么形状。本地有个 index.html，可以直接打开看这 66 个示例的画廊。

怎么装、用什么模型

装 Skill 有两种办法：把下面这段话复制给你的 Agent，让它装好；或者自己动手克隆仓库到技能目录（Claude Code 是 ~/.claude/skills，Codex 是 ~/.agents/skills），也可以从 Releases 下载 kubai-icons-v*.zip 解压进去，重启 Agent 即可。

Install the Kubai Icons skill for me: clone https://github.com/kubai087/kubai-icons into your skills folder as kubai-icons

作者建议用 Claude Opus 5.5（开发和盲测都用它，一致性最好；Claude Code 里跑 claude –model claude-opus-5-5），Codex 里的 GPT 也能用同一个 Skill。Skill 会反复看自己的截图做几何校对，所以要用能读图的模型。

适合谁、还能怎么参与

适合做产品、做网站时被图标风格不统一折磨过的人：先在官网挑现成的，缺的让 AI 按同一风格补。支持贡献提交：官网有提交页（icons.kubai.design/icons/submit/），会检查文件并帮你准备 issue，署名感谢；也可以直接提 PR。注意：Kubai 和 Lumno 的名字与 logo 不在授权范围内，不能拿去用；图标的构造源自 Lumno 扩展里的书签文件夹图标。