Game-icons.net 上手：4180 个游戏图标怎么换色导出

Game-icons.net 是一个专门收录游戏与界面图标的站点：作者把图标统一做成单色 SVG，可以在网页里改前景色、换底图、加角标再导出 PNG，也提供整包下载。它的长处是风格统一、授权写得清楚，短板是图形偏「道具与符号」，拿它当通用 UI 图标库会不顺手。

4180 个图标怎么找：分类、标签与检索

站点首页写明当前有 4180 个免费图标，最近一次更新是 2026 年 4 月 23 日。组织方式有两层：一层是分类，动物、武器、法术、食物、工具各成一片；一层是标签，每个图标页下方列出它能挂上的词。标签规则写得很克制，一个新标签至少要三个图标共用才会建立，用单数、单个词，动词去掉 to。

检索习惯要跟着改。站内搜索匹配名称、标签和描述文字，官方 FAQ 举的例子很典型：搜 counter strike 或 fifa 16 都没有结果，换成 gun、football 这类通用词才出得来。找「火焰护甲」这种组合概念，分别搜 fire 和 armor 再自己拼，比一次性输入长词有效。

另一个维度是作者。站点按贡献者分目录，Delapouite 名下 2022 个，Lorc 1429 个，Skoll 172 个，Caro Asercion 127 个，Viscious Speed 121 个，其余二十多位作者从几个到几十个不等。同一个作者内部的线条粗细、留白习惯更接近，混用多人之作时容易看出接缝，先定作者再挑图标，比先挑图标再看作者省事。

找灵感还有两个入口：页脚的随机图标链接，以及 RSS 订阅源。站点每周新增十几个符号，订阅之后新图会主动推过来，不用反复翻分类。近期想先看别人怎么用，站内的 Kenney.nl 游戏美术与音效取用是同类素材的另一种思路，那套是 CC0 的整套美术包。

Studio：在线换色、换底与导出

点开任意图标，屏幕左侧会出现 Studio 面板。它按折叠区块排列，官方自己说这是「rudimentary」的轻量工具，够用但别指望替代矢量软件，同时明确只在大屏浏览器上显示，手机端看不到。

• 背景：默认是黑色方块，可以改颜色、换形状（星形、六边形、八边形等），也能套渐变、线条图案或岩石木材这类纹理，还可以设成透明。
• 前景：改颜色之外，支持水平翻转、45 度旋转、缩放，以及把图形裁剪在底图范围内；投影可调模糊半径、偏移和内外方向，描边可设颜色与宽度。
• 拆分：Break Apart 会把整块前景拆成多条子路径，之后逐块上色。带镂空的图标拆开后孔洞可能消失，需要手动填回背景色。
• 装饰：Frame 调外框粗细，Text 在图标上压一行字并可拖动位置，Badges 在图标角上加小图标——给护甲加火焰角标，就得到一件火焰护甲。
• 尺寸与导出：尺寸档取 2 的幂，官方举例到 512px 处矢量依旧清晰；满意后按右侧按钮导出 SVG 或 PNG。

真正要精修还是得回到 Inkscape。FAQ 直接推荐了这款免费软件，站点自己也只把 Studio 当作快速改色的入口。仓库里的 SVG 已经用 SVGO 压过一遍，无用的 XML 标签和属性被清掉，所以文件普遍很小，塞进包里不占体积。

批量取用：整包、仓库与按需三种路径

只要几个图标，从单个页面逐个下载更省事；要几百个，就得换方式。目前能走的路有三条，各有各的代价。

直链规律可以直接验证。比如 Lorc 的尖顶帽，地址是 /icons/ffffff/000000/1x1/lorc/pointy-hat.svg，白前景黑背景；把两段色值换成别的十六进制就能改配色。这个特性适合做配色预览，但不建议长期外链，图标站也没承诺过直链的长期可用性。

仓库（game-icons/icons）里还有三支脚本。colorize-svgs.sh 接收前景色和背景色两个参数，背景可以填 transparent，批量重写后输出到 _out 目录；rasterize-svgs.sh 把 SVG 转成位图；check-svgs.sh 用来校验新增文件是否符合格式约定。对要维护一套自有图标分支的团队，这三支脚本比手工改色可靠。

授权核对：CC BY 3.0 的署名义务

这是最容易出错的一节。站点关于页写的是 Creative Commons 3.0 BY，仓库的 license.txt 补了一句更准确的表述：图标以 CC 3.0 BY 提供，若个别目录另有标注则按 CC0 处理——目前 Viscious Speed 与 Zeromancer 两个目录标了 CC0，其余仍需署名。

署名格式官方给了模板：Icons made by 作者名. Available on https://game-icons.net。麻烦在于「作者名」是复数概念，一个项目常常混用 Lorc 和 Delapouite 的图标，署名清单要按实际用到的作者逐个列，不能只写站点名了事。落地位置 FAQ 也交代了：网页放致谢页，桌游写进规则书末页，电子游戏把入口放进菜单。

• 商用允许。CC BY 只要求署名，不限制商业用途，也不要求开源你的产品。
• 署名不等于背书。不要把作者名字放进产品名或商标里，也不要暗示作者为你的项目站台。
• 改色改形状后的衍生图仍需署名，CC BY 3.0 保护的是原作，不是某一种配色。
• 漏写署名就是违约，和「有没有付费」无关。CC BY 不是 CC0，这两个词不能混着用。

如果项目本身不允许出现第三方署名（比如某些客户的品牌规范），这套图标就不合适，直接换 CC0 的来源更省事，站内 Kenney.nl 的 CC0 素材是一例。

和 Iconify、Font Awesome、Kenney 怎么分工

同一批需求里往往要混用几个库，分工清楚就不会反复返工。Iconify 是聚合层，统一了调用语法，2026 年 11 月 4 日接口返回 276 套图标集、合计 473655 个图标，项目代码 MIT，但每套图标沿用上游协议，Iconify 的取用方式与授权核对那篇写得更细。它解决的是「一个产品里几十个界面图标怎么统一调用」，不解决游戏化的符号需求。

Font Awesome Free 走的是另一条路：图标 CC BY 4.0，字体 SIL OFL 1.1，代码 MIT，下载的文件里已内嵌署名注释，正常使用不必额外加声明。它的图标偏通用界面与品牌，风格规整，适合后台与官网。Fontshare 是字体服务，本身不是图标库，只有当你需要让图标与配字在同一套视觉里对齐时，它才进入讨论。

插件风格另算。需要扁平插画可以看 unDraw 的在线换色插画，需要三维素材则走 Poly Haven 那条线。图标、插画、三维模型是三层不同的东西，别指望一个站全覆盖。

适用人群与上手顺序

三类人收益最直接：做独立游戏或桌游原型、还没定美术方向的开发者；要给产品做一套游戏化界面（成就、技能、道具）的设计师；以及需要大量单色符号做信息图、演示文稿的人。反过来，如果你要的是成套的界面图标并打算长期维护设计系统，Iconify 那种聚合方案更合适。

上手顺序建议这样走：先在站内按作者和标签各筛一轮，锁定一到两位作者的风格；再进 Studio 调好前景色与底色，把 PNG 导出给设计稿用；确定要用之后，从仓库拉整包，用 colorize-svgs.sh 统一改色，落进项目资源目录；最后按实际用到的作者补一份署名清单，写进关于页或游戏菜单。

常见问题

必须署名的场景有哪些？公开分发的成品基本都要，包括网页、游戏、印刷品和视频。内部原型、个人练习不对外发布时，实操中少有人追究，但一旦发布就回到 CC BY 的规则里。

能不能只下载 PNG 不下载 SVG？可以。Studio 支持直接导出 PNG，尺寸档取 2 的幂。缺点是改了配色要重新导，图标多时不如拿 SVG 在本地批量处理。

图标风格太「重」，能改细吗？Studio 只能调颜色、描边和投影，改不了线条结构。要真正变细，得在 Inkscape 里编辑路径，或者换一套笔画更细的图标集。

和游戏引擎怎么配合？SVG 直接进引擎的支持度参差，多数项目会先光栅化成 PNG 图集。仓库里的 rasterize-svgs.sh 就是干这件事的，前提是本机装好转换工具。

相关地址

以下为文中项目的官方入口，图标数量、授权条款与下载包以这些页面为准。

• Game-icons.net（官网）：https://game-icons.net/
• Game-icons.net（关于页与作者列表）：https://game-icons.net/about.html
• Game-icons.net（Studio 在线编辑器）：https://game-icons.net/studio.html
• Game-icons.net（常见问题）：https://game-icons.net/faq.html
• Game-icons.net（GitHub 仓库）：https://github.com/game-icons/icons
• Game-icons.net（仓库授权文件）：https://github.com/game-icons/icons/blob/master/license.txt
• Iconify（官网）：https://iconify.design/
• Font Awesome Free（授权说明）：https://fontawesome.com/license/free
• Kenney.nl（素材站）：https://kenney.nl/assets
• unDraw（开源插画）：https://undraw.co/
• Poly Haven（三维素材）：https://polyhaven.com/
• Inkscape（矢量编辑软件）：https://inkscape.org/