幻灯片 · 实测
用 AI 为整套幻灯片做一套风格统一的图标
图标看起来像一家人时，才能把一套幻灯片串起来：同样的线条粗细、同样的圆角、在幻灯片上同样的大小。从三个免费网站东拼西凑图标，正是大多数幻灯片看起来像拼装货的原因。用 AI 自己做一套图标解决了风格问题，却会带来一个文件问题。
2026年9月29日，我们在 Ciyo 里为虚构的社区工坊 Harbor Street Makers 做了六个图标。图标彼此很搭。可随图标一起生成的 SVG 会在每张深色幻灯片上留下白色色块。下面讲我们怎么发现这个问题，又怎么修好它。
写下整套图标的规则，而不是提六个单独的需求
在一条消息里、在一张图上要全部图标，并写明让它们成为一家人的规则：单一颜色、统一线宽、圆头线端、相同的视觉大小和固定的网格。分六次单独提需求，你会得到六种不同的风格。
Ciyo Agent（Ciyo 智能体）用 GPT Image 2.5 Flare 画出了这张图，再用 Ciyo 的 Vector（矢量化）工具把它转成 SVG。两步合计花了 4 个额度。智能体提到，海军蓝比要求的略深，接近 #10326B 而不是 #1F3A5F，而且图标被转成了填充的轮廓形状，而不是可编辑的线条。
我经营一家社区工坊 Harbor Street Makers，正在为我们的秋季课程做一套 10 页的幻灯片。请为整套幻灯片做一套风格统一的图标：日历、手工工具、一群人、定位图钉、价签和问号，共六个图标。风格：简洁的线条图标，白底单色（海军蓝 #1F3A5F），线条粗细相同，线端为圆头，视觉大小相同，每个图标居中放在各自的方形格子里，按 3x2 网格排列，间距宽松，不要文字或字母。然后把图标转成 SVG，方便我在 PowerPoint 里改颜色和调大小。先检查整套，再检查单个图标
这套图标通过了最重要的一项测试：线宽。我们在 PNG 里测得六个图标的线宽为 12.8 到 14.0 像素，彼此相差约 5% 以内。圆头线端和单一颜色也都做到了。
大小就没那么均匀。大多数图标约 250 像素高，但人群图标只有 204；问号和价签的墨量大约只有日历的一半。放到幻灯片上，它们会显得更“轻”。修法是把每个图标放进同样大小的方框，再把较轻的几个放大几个百分点，而不是重新要一套。
| 图标 | 宽 × 高 | 线宽 | 墨量 |
|---|---|---|---|
| 日历 | 247 × 250 | 14.0 px | 20,163 px |
| 工具 | 282 × 255 | 12.8 px | 19,405 px |
| 人群 | 298 × 204 | 13.4 px | 17,812 px |
| 图钉 | 188 × 251 | 13.4 px | 11,132 px |
| 价签 | 239 × 238 | 12.8 px | 10,726 px |
| 问号 | 157 × 248 | 13.4 px | 10,033 px |
转出来的 SVG 里藏着的问题
我们打开了 SVG。里面有 45 个填充形状，没有一条线：26 个海军蓝、17 个白色、2 个浅蓝色。放在白色幻灯片上你永远不会注意到。放到海军蓝的标题页上，每个白色形状都会显出一块白斑，而浅蓝色的那些是矢量化工具平滑边缘时留下的残余。
这在矢量化转出的图标里很常见，也是你决定采用一套图标之前要检查的第一件事：用任意编辑器打开 SVG，看看填充颜色。
修好它，又不把图标变成实心色块
我们请智能体删掉白色和浅蓝色形状，并把所有形状设为 #1F3A5F。它没有完全照做，而且它是对的。它解释说，矢量化工具把每个图标画成了一块实心海军蓝色块，再在上面叠白色形状来形成轮廓，所以删掉白色形状只会得到实心色块，海军蓝面积约为原来的 2.4 倍。
它改为把白色形状从海军蓝形状里挖掉。每个图标都变成了一个颜色正好是 #1F3A5F 的复合形状，带有真正的镂空。然后它把六个图标放到深色幻灯片上渲染出来，还指出了一个我们没问到的设计问题：海军蓝图标放在海军蓝幻灯片上，对比度非常低。
我检查了这个 SVG：它有 45 个填充路径，没有描边。26 个是海军蓝（#0F326C），17 个是白色，2 个是浅蓝色，所以在我们的深色标题页上，白色形状会显示成白斑。请把图标做成可以直接放进幻灯片的版本：删掉所有白色和浅蓝色形状，让内部真正镂空；把剩下的每个形状都设为正好 #1F3A5F；另存为六个单独的 SVG 文件（calendar、tools、people、pin、tag、question），每个都裁成正方形、留出相同的边距，让它们能对齐。另外把它们放在深海军蓝的幻灯片背景上展示一次，方便我检查。把文件拿出来：SVG 代码和白色 PNG
这里出现了一个限制。智能体无法把 SVG 文件放到 Ciyo 画板上，画板接受 PNG、JPG、WEBP、GIF、MP4 和 MOV。所以我们请它把六个清理好的 SVG 以代码形式贴出来，由你保存为 .svg 文件，并把白色的 PNG 版本放到画板上，给深色幻灯片用。
我们检查了六个 SVG：每个都是一个 #1F3A5F 颜色的形状，使用奇偶填充规则，位于 100 × 100 的网格上，边距至少 10%，每个 1 到 3 KB。内部是空的（每个方格中 7–14% 是墨），所以放在任何背景上都能用。白色 PNG 为 512 × 512，背景透明。
两个都要，谢谢：把六段清理好的 SVG 代码贴在这里，方便我保存为 .svg 文件；再把透明底白色的 PNG 版本（每个 512x512）保存到画板上，给深色标题页用。或者锁定一个免费图标库
如果某个免费图标库已经有你需要的全部图标，就用它，而且只用这一个。自己生成一套图标的理由，是某个任何图标库都没有的主题，比如你的产品、你的店或你的服务。无论哪种做法，规则都一样：一次定好风格，永远不要混用。
2026-09-26 发布。一位开发者列出了 20 个免费图标库，并建议选一个符合你视觉方向（线宽、圆角半径、网格、填充或线框）的图标库，免得编程智能体混用“4 different icon styles”（4 种不同的图标风格）。这是给应用开发者的建议，与 Ciyo 无关；同样的规则也适用于生成的图标。
在 PowerPoint 里使用
用 Insert（插入）→ Pictures（图片）插入每个 SVG。用 Graphics Fill（图形填充）改颜色，因为这些图标是填充形状，不是线条。让每个图标保持相同的大小，这样每页幻灯片上的线宽都一致。
用 AI 做幻灯片图标
AI 能做出彼此匹配的图标吗？
能，只要你在一张图上要整套图标，并写明规则。在我们 2026年9月29日的测试中，六个图标的线宽相差约 5% 以内；图标大小的差异更大。
为什么我的 SVG 图标在深色幻灯片上显示白框或白斑？
矢量化转出的图标经常在实心形状上叠白色形状来画轮廓。我们的图标里有 17 个白色形状。把它们从有颜色的形状里挖掉，或者请 Ciyo Agent 来做，让镂空真正是空的。
能在 PowerPoint 里改图标颜色吗？
能。插入 SVG 后用 Graphics Fill（图形填充）。因为图标是填充形状，改轮廓设置不会改变它们。
花了多少钱？
图标图和 SVG 转换共 4 个额度。在我们的测试中，清理、代码和白色 PNG 都没有花额度。
在 Ciyo 里做你的幻灯片图标
一次描述整套图标，转成 SVG，再让 Ciyo Agent 把文件清理好，深色和浅色幻灯片都能用。