图标是软件的"脸"：一个 Skill 汇聚全球顶级开源图标，让 AI 帮你搜、帮你改、帮你输出成品

你的软件做得再好，别人第一眼看的永远是图标。而我做的这件事，把全球最顶级的开源图标资源，变成了你一句话就能调用的本地资产——连关键词都不需要自己构思，AI全帮你办好。

一、Skill全家桶只差最后一块拼图

过去一个月，我陆续做了 VBA Skill、Python Skill、.NET 桌面开发 Skill、WPS/飞书多维表格 Skill、浏览器插件 Skill。

每个 Skill 解决一个问题：让零基础的人，一句话拿到专业级的可交付成品。 不是让 AI 替你操作，而是让 AI 替你开发——你描述需求，AI 读完 Skill 后自动完成从需求分析到最终打包的全流程。

但所有 Skill 做完之后，我意识到少了一件事。

你想想这个场景：AI 帮你辛辛苦苦做出来一个漂亮的 WPF 桌面软件，按钮有了、布局有了、功能全通了——但你打开一看，满屏都是文字，一个图标都没有。 或者更糟，你自己从网上乱找了几个图标塞进去，风格不统一、尺寸不对、颜色突兀，整个软件的档次瞬间从"专业"掉到"学生作业"。

图标的细节，决定了一款工具软件的"第一眼价值"。同样功能的产品，有没有一套统一、精致、专业级的图标，给人的感受是完全不同维度的。这不是锦上添花，是产品的脸面。

于是，我做了 icon-design 这个图标 Skill。

Skill 全家桶的最后一块拼图，补上了。

二、普通人找图标的真实痛苦

没做过开发的朋友可能觉得"找图标有什么难的，百度一下不就行了？"

但你一旦真正上手给软件配图标，马上会遇到这些让人崩溃的情况：

搜不到。 你想找一个"导出 Excel"的图标，搜出来的要么是一堆模糊的 PNG，要么是带水印的盗版素材，要么是完全牛头不对马嘴的结果。

凑不齐。 你费了好大劲找到一个还不错的"下载"图标，但接下来你还需要"设置""用户""搜索""删除"……东拼西凑来的图标，风格完全不统一，有粗有细、有空心有实心、有圆角有方角。

用不了。 好不容易找到一套风格统一的图标库——要么要付费，要么格式是 PNG 不能改颜色，要么只有单一尺寸没法适配不同场景。

说不出。 这是最冤枉的——你脑子里知道自己要什么感觉的图标，但你说不出来应该用什么关键词去搜。你去搜"会员中心用什么样的图标好看"，搜索引擎一脸懵。

这些痛点，我全部经历过。所以才有了这个 Skill。

三、不只是"一个图标库"——而是把全球顶级开源图标搬到你本地

做这个 Skill 的第一步，就是解决"源头"的问题。

你去搜国内能用的图标库，翻来覆去就那么几个——阿里的 Iconfont 和字节的 IconPark，或者再小众一些的变体。不是它们不好，而是你只能看到这些。你的选择范围，被国内的信息茧房限制住了。

我做的不是选一个"最好的图标库"放进去。而是把全球最顶级的开源图标项目，全部搬了进来：

图库	来源	特色
Material Design Icons	Google 官方	全球最大、最全的图标系统，设计规范最成熟
Bootstrap Icons	Bootstrap 官方	Web 开发领域的事实标准，2000+ 图标，每个前端开发者都认识
Heroicons	Tailwind CSS 团队	极简设计风向标，solid + outline 双风格
Feather	Cole Bemis	线性极简风格的开创者，无数设计师的第一套创作灵感
Remix Icon	Remix Design	3200+ 图标，开放式中性风格，像素级打磨
Simple Icons	开源社区	3000+ 全球品牌 SVG 矢量 logo，GitHub/微信/YouTube 都有
IconPark	字节跳动	2000+ 图标，四种主题，对中国用户意图最友好
Mage Icons	Mage 团队	色彩鲜明、风格活泼，和上面所有库都不一样

八个库，几万个图标，涵盖了从通用功能图标到品牌 logo、从极简线性到饱满实体、从东方审美到西方设计。 这不是"给你一个图标网站自己翻"，而是帮你打开了一扇通往全球最顶级设计资产的窗户。

最关键的是：这些库全部是开源项目，全球数百万开发者在用、在设计、在维护。你用的是和一线大厂内部一样的设计资产——图标本身不因为"免费"而廉价。

四、不只是"找图标"——是AI帮你思考、帮你筛选、帮你做决策

到了这一步，你可能觉得：行，图标库是挺全的。那我让 AI 在这些库里面搜不就行了？

不对。这正是我和普通"找图标"逻辑最根本的不同。

市面上已有的找图标方式——不管是去 iconfont 还是 flaticon 还是各种在线图标网站——都是一种逻辑："你告诉它你要什么关键词，它给你返回结果。" 你输入"搜索"，它给你一堆放大镜。你输入"用户"，它给你一堆小人。

但我的问题是：你凭什么要知道自己应该搜什么关键词？

而且这还不只是"说不说得出来"的问题。背后藏着两层更致命的信息差——

第一层：语言壁垒。 如果你只习惯用中文搜，你天然就错过了英文世界里几十倍于中文的图标资源。同样一个"搜索"图标，中文你只会搜"放大镜"，但英文世界里还有 magnifying-glass、search、find、lookup……不同英文关键词指向完全不同风格的图标。普通找图标的方式下，中文用户还没开始搜，结果范围就丢掉了一半以上。

第二层：平台壁垒。 同样是找品牌 logo 和通用图标，如果你只知道阿里的 Iconfont 和字节的 IconPark，你就永远没机会看到 Google Material Design、Bootstrap、Heroicons、Feather 这些全球顶级开源图标库里有什么。不是它们不存在，是你的搜索范围从来就没覆盖到它们。最可怕的地方在于：你连"自己错过了什么"都完全不知道。

而我这套 Skill 从根本上就不需要你去搜索。AI 读完 Skill 后自动做三件事：

1. 跨语言拆解关键词——你说"会员中心"，AI 自动拆成中文的 用户, 会员, 账号 + 英文近义词 profile, account, member，中英文全量覆盖，没有语言死角

2. 跨平台选库路由——根据你的需求自动判断是品牌 logo 还是通用功能图标，自动从最合适的国际图库里搜，而不是赌运气全库乱翻

3. 生成候选给你审——把所有符合条件的结果拼成一个 HTML 页面，你只需要用眼睛看、脑子判断、做最后的审美裁决

你全程不需要知道：这个图标叫什么名字、来自哪个库、用什么关键词搜。 你只负责人类最擅长的两件事——审美确认和最终拍板。其他的，AI 全包。

举个例子：

一个普通用户，想要做一个会员中心页面。他脑子里想的是"这个页面看起来要专业一点、温馨一点、有点像个人主页的感觉"。他怎么可能说出"帮我在 Heroicons 里用 outline 主题搜 user、profile、account、member 这几个词，然后按评分排序"这种话？

所以我的设计思路是：AI 不只负责执行搜索，AI 还要负责"思考该搜什么"。

你看一下这个流程：

用户说："我要做会员中心页面的按钮图标。"

AI 读 Skill 后，不是直接搜"会员中心"——它把这几个字拆成了：用户, 会员, 账号, profile。

然后 AI 判断这是"通用功能图标"，优先搜 iconpark 和 heroicons 这两个图库（Skill 里写好了路由策略）。

搜出来的候选图标，自动生成一个排版精美的 HTML 页面，用户肉眼挑选。

用户："我要第三个，蓝色，128x128 的 PNG。"

AI 按用户确认的 uniqueKey，直接导出蓝色 128x128 的 PNG 文件。

你全程不需要知道：这个图标叫什么名字、来自哪个库、用什么关键词搜、搜出来的 JSON 长什么样。 你只需要说出你的模糊意图——就像跟一个懂设计的朋友聊天一样——AI 负责把所有技术细节消化掉，最后给你看结果。

' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

五、从"找到图标"到"拿到成品"——完整闭环

如果只是一个搜索工具，那还叫"找图标"，不叫"做图标"。

我这套 Skill 从设计之初就是一个完整的"图标制作闭环"，不是半成品：

第一步：AI 当你的"图标买手"。你模糊说一句需求，AI 拆关键词、选图库、限范围、跑搜索、生成 HTML 预览。整个过程你只需要说想做什么——就像告诉一个很懂行的买手"帮我去挑几件适合晚宴的衣服"，它会自己判断品牌、风格、预算，不需要你亲自去商场翻货架。

第二步：你当"最终决策者"。HTML 页面上展示了几十个候选图标，每个都有缩略图、名称、来源库、唯一标识（uniqueKey）。你用肉眼审美判断，喜欢哪个就复制哪个的标识发回去。

这个环节我坚持不交给 AI 自动选——审美是主观的，AI 不能替你做决定。 AI 帮你把范围缩小到几十个精品候选，你来拍板。

第三步：AI 当场把图标做成你需要的格式。你确认了 uniqueKey，再说一句"蓝色、PNG、128x128"——AI 直接导出成品文件：

• 只要原始矢量图 → get_icon_svg.ps1，返回纯 SVG 文本，你可以直接嵌入网页或代码
• 要指定颜色的 PNG → export_icon_asset.ps1，自动用本机 Edge 浏览器无头截图生成，HEX 颜色随便指定
• 要 ICO 图标 → 同样这条脚本，指定 -Format ico -Size 16,32,48,64,128,256，直接给你一套多尺寸 ICO 文件
• 三种格式一起出 → -Format svg,png,ico，一句命令全搞定

全程没有"去打开 Photoshop""去调整画布尺寸""去改颜色导出"这些步骤。 AI 找到图标、你确认、AI 导出成品——三步闭环。

' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

六、为什么一定是 SVG 矢量图——我的真实翻车经历

讲一个我自己的惨痛教训。

亲身经历，我做 WPF 和 Windows Phone 开发的时候，经常需要找图标。有一次从阿里的 Iconfont 里找到了一张很满意的图标，下载下来是 PNG 格式，直接用了。项目做完，一切正常。

过了几个月，产品说要统一换个主题色。我想着把那张 PNG 的图标改个颜色就完了——然后噩梦开始。

我完全忘了当初是用什么关键词搜到这张图的。 回到 Iconfont 翻了几十页，关键词换了又换，愣是找不到同一张。PNG 已经是位图了，改颜色意味着得开 Photoshop 一点一点抠、调色相、重导出——比重新找一个还折腾。

那之后我深刻认识到一件事：找图标这件事，如果你不能在将来复现和修改，你就是在给自己埋雷。

而我做的这套 Skill，从底层架构上彻底解决了这个问题：

第一，每个图标都有唯一标识（uniqueKey），你的每一个选择都是可追溯的。你在 HTML 页面上挑中了哪个图标，它的 uniqueKey 就被记录下来了。哪怕半年后你想回来改颜色、改尺寸、改格式——只要那条 uniqueKey 还在，AI 就能在一秒钟内精确地把同一个图标再取出来。不是"差不多像"——是 100% 同一张。

第二，源头是 SVG 矢量图，改颜色像改个数字一样简单。你要蓝色就是蓝色，要红色就是红色。不需要 Photoshop，不需要抠图，不需要调色相——一句命令的事。而且改完颜色之后，还能继续导出成任何你需要的格式。因为底层存的是矢量路径，不是像素。

第三，I C O 格 式——Windows 桌面开发者的救命稻草。做过 WPF、Windows 窗体、甚至 Windows Phone 开发的朋友都知道——程序图标必须是 .ico 格式。你去任何一个图标网站翻，九成九都不提供 ICO 下载。你只能先下 PNG，再找一个在线的格式转换工具，上传、转换、下载——还经常把多尺寸搞丢。现在呢？一句话：-Format ico -Size 16,32,48,64,128,256，直接拿成品。

第四，可以批量生成一组风格统一的图标。你不止要一个图标，你要一整组——程序图标、按钮图标、菜单图标、通知图标——风格必须一致。传统做法是一个一个找，风格各异的凑在一起，像拼凑的百家衣。现在你只需要告诉 AI 需求，它按 uniqueKey 逐个调脚本，一次性给你一组完全同风格、同色系、多尺寸、多格式的完整图标包。

第五，因为是脚本驱动，所以结果是精确可复现的。这不是让 AI "画一个图标"——那是随机生成，每次结果都不一样。我这是让 AI 调我写好的 PowerShell 脚本：搜索索引是预构建的，SVG 提取是确定性的，颜色替换是参数化的，尺寸导出是精确的。同样的 uniqueKey + 同样的颜色 + 同样的尺寸 → 同样的结果。开发级精度，不是碰运气。

这就回到我一直强调的核心理念：好的 Skill 不是让 AI 自由发挥，而是给 AI 一套精确的工具链，让它稳定地交付可预期的结果。

' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

七、跟其他 Skill 在一起，才真正爆发价值

前面我说这是 Skill 全家桶的最后一块拼图。举几个真实的联动场景，你就理解了：

场景一：WPF 桌面软件 + 图标 Skill。前面 .NET Skill 做的 WPF 窗口程序，UI 框架有了，但全是文字按钮，程序图标也还是默认的那个空白框。加上图标 Skill：一句话让 AI 找到适合每个按钮的图标，需要程序图标的直接导出 ICO，需要按钮图标的导出指定颜色的 PNG——一个原本看起来像"内部测试版"的窗口软件，立刻变得像商业产品。

场景二：浏览器插件 + 图标 Skill。Chrome 插件 Skill 做的弹窗界面，icon 资源全靠手动配。加上图标 Skill：AI 自动匹配插件功能对应的图标 → 输出适合 16px/32px/48px 的多尺寸 PNG → 自动写入插件的 manifest 配置。插件从"能用"到"好看"的最后一步，自动化了。

场景三：WPS 多维表格 + 图标 Skill。多维表格做成了业务系统的数据后台，但界面还是原生的。加上浏览器插件 Skill 做前端界面，再加上图标 Skill 做视觉增强——一句话：AI 帮你把多维表格变成一个看起来像花了几万块外包开发的业务系统。

说白了：前面的 Skill 帮你搭建骨架和肌肉，图标 Skill 帮你穿上得体的衣服。 没有后者，前面做得再好也像没穿衣服出门。

八、Skill 背后的真实成本

每次发新 Skill，都有人问我："你这个 Skill 是怎么做的？是不是写一段提示词就行了？"

说实话，如果只是写一段提示词，几个小时就搞定了。但这套图标 Skill 的成本远不止于此。

源头整理。 八个开源图标库，每个库的目录结构、命名规则、主题划分都不一样。Heroicons 分 solid 和 outline，IconPark 分 Base/Abstract/ Edit/Office 四种分类，Simple Icons 全是品牌 logo 没有功能分类——我得写八套 Python 脚本，把每个库的 SVG 解析、提取、重新索引成统一的 JSON catalog 格式。

搜索索引。 几万个图标，要支持中文关键词、英文近义词、模糊匹配、多库路由——我做了一套倒排索引 + 编辑距离评分 + 同义词扩展的本地搜索引擎。所有逻辑都用纯 PowerShell 5.1 实现，零外部依赖，Windows 原生可用。

导出链路。 普通 SVG 提取不难，但按用户指定的颜色替换 SVG 中的颜色、用无头浏览器截图生成 PNG、多尺寸 PNG 拼成 ICO——全部要自己写自动化脚本。而且必须在用户没有任何开发环境的 Windows 机器上跑通。

质量约束。 AI 容易偷懒——看到 data 目录里有 JSON 文件，就想直接读文件绕过脚本。我不得不在 Skill 里写了多层禁令："绝对禁止直接读取 data 下的任何文件""脚本是获取图标数据的唯一合法入口"——因为多图库存在大量同名图标，直接读文件必然拿错，只有通过我的脚本封装才能保证 uniqueKey 的唯一性和正确性。

这些工程化的工作，不是"写一段提示词"能做到的。 每一套 Skill 背后，都是一套完整的知识工程：脚本、模板、索引、规范、容错逻辑。

' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

九、免费，欢迎打赏

这是我的原则，每一篇都再说一次，不厌其烦：

高质量的东西不一定要收费。

从 VBA 到 Python 到 .NET 到多维表格到浏览器插件到图标——我做了一整套 Skill 体系，全部免费开放。

不收割韭菜，不贩卖焦虑，永远提供真材实料。

遇到我就是缘分。你觉得这些分享对你有帮助，随喜打赏——没有固定金额，不设付费墙，不搞变相收费。 打赏是一种认可，不是入场券。你觉得值多少就打赏多少。

也欢迎加我好友，进入免费社群。 在群里你可以分享使用 Skill 过程中的经验心得，提出你想实现的功能创意，看到其他群友的实战案例相互启发。这个社群同样免费，来了就是朋友。

写在最后

我一直觉得，真正好的工具，是让你感觉不到"工具"的存在。

当你需要用图标的时候，你不应该去搜、去翻、去比对、去配色、去调尺寸。你应该只需要说出"我要什么感觉的图标，什么颜色，多大尺寸"——然后成品就已经出现在你面前了。

这才是真正的 AI 工作方式：不是帮你"省力"，而是帮你"省脑"。

Skill 全家桶现在完整了。从 VBA 到 Python 到 .NET 到多维表格到浏览器插件到图标——零基础用户开发一款专业级工具软件的完整链路，全部打通。

如果你之前因为"做出来的软件太丑了"而放弃了好几个 Skill 的体验机会——现在这个最后的不做借口，我已经帮你填上了。

可以开始玩了。

公众号：Excel催化剂 | 微信：190262897 | 承接数据咨询解决方案、软件功能定制、AI编程培训服务

想体验图标 Skill？欢迎加好友进入免费社群，把 AI 从"能做"带到"做得漂亮"。