Kubai Icons中文版下载|Windows（AI编码Agent统一风格动画图标库）

获取下载链全程约 1 分钟

打开微信，搜索「软件教程管家」关注，或长按下方二维码关注
回复关键词 Kubai Icons （提取码 qjku）
公众号自动回复网盘链接，点击即可保存下载

Kubai Icons中文版下载|Windows（AI编码Agent统一风格动画图标库）

打开微信扫一扫关注
或搜索【软件教程管家】

Kubai Icons 是一套开源的动画图标方案，由开发者 kubai087 发布，采用 MIT 授权。它由编码 Agent 技能、图标库和官网三部分组成：把一套几何、分层和动效规则写成 SKILL.md，让 Claude Code、Codex 这类编码 Agent 不再各画各的，而是按同一套规范产出风格一致的 SVG 动画图标。配套图标库已有 2800 多个图标、近 900 个对象，覆盖 React、Vue、Web Component 和静态 SVG 四种用法；另有一个支持 16 种语言的官网，可以搜索、换色、复制代码和下载图标。

场景痛点

已经在用 AI 编码助手写产品的前端，多半遇到过这种情况：界面上每个按钮、空状态、导出图标都得手画，或者去图标网站上凑现成的。凑来的图标描边粗细不一、圆角不统一，AI 每轮新画的图标更是风格漂移，同一个产品里的图标像从不同年代拼出来的。想要一套既跟随文本色、hover 时又像物体那样动起来的图标，还得自己定规范、写组件、维护换色逻辑，费时又容易翻车。Kubai Icons 就是为了解决这个问题：规范一次写好，Agent 以后每次画图标都按同一套标准来。

主要功能特点

装进 Agent 就能画图标

把仓库 clone 到 ~/.claude/skills（Claude Code）或 ~/.agents/skills（Codex），重启后 Agent 遇到画图标需求会自动读 SKILL.md。作者用 Claude Opus 5.5 盲测，全新会话只拿这份文件就能画出合规图标，不用再手写提示词反复纠风格。

图标像物体一样动

每个图标不是静态图，而是会动的物体：文件夹 hover 时打开、信封拆封、日历翻页、锁弹开、齿轮转动。触发方式包括 hover、点击或父按钮触发。动效是 SVG 关键帧动画而非视频，每个部件只有 rest 和 hover 两个关键帧，描边在填充外侧保持形状，不需要额外动画库。

一个色派生所有色

渐变、描边、标记和阴影都由同一个颜色经 CSS 派生，所以图标默认跟随文本色 currentColor，不用脚本就能换色。组件层提供 size、color、variant 等参数，例如传 size=32、color=”#22C55E”。整站改一个主色，所有图标自动跟着变，省去逐图标调色。

四套接入方式

React 18+ 和 Next.js 有 kubai-icons-react 包；Vue 3 和 Nuxt 有对应包；无框架项目用 CDN 加载 element.js，写一个 <kubai-icon> 标签即可；原生 App 或设计工具直接用静态 SVG。每个图标是预渲染 ES 模块，只在动效时跑脚本，按框架选接入层就行。

官网搜索换色与打包

官网支持 16 种语言，可按名称、形状或含义搜图标，在线换色、复制组件代码或给 Agent 的提示词，也可下载单个 SVG 或 PNG，收藏一组后打包成 ZIP。需要注意，skill 仓库自带演示图标数量有限，2800 多个正式库要到官网或 kubai-icons-static 包获取，免注册即可下载。