免费、可商用、高质量游戏UI图标资源

🎁 推荐 1：【Game-Icons】—— 最适合游戏开发的免费图标库（强烈推荐 ✅）

• 网址：https://game-icons.net/
• 特点：
  • 超过 4,500+ 个像素风格游戏图标
  • CC0 协议（完全免费，可商用，无需署名）
  • 支持 SVG / PNG 下载
  • 风格统一、辨识度高

🔧 适配你需求的图标建议：

✅ 使用技巧：

1. 进入图标页面 → 点击右上角 "Download as PNG"
2. 选择 64×64 或 128×128（Cocos 会自动缩放）
3. 将 PNG 拖入 Cocos 的 assets/ui/icons/ 文件夹

🎁 推荐 2：【Kenney UI Pack】—— 完整 UI 套件（含 Tab 图标）

• 下载地址：https://kenney.nl/assets/ui-pack
• 协议：CC0（免费商用）
• 内容：
  • 包含 按钮、Tab、图标、进度条 等完整 UI 元素
  • 提供 PSD + PNG 源文件
  • 风格：扁平化 + 圆角，现代感强

🔧 如何提取 Tab 图标：

1. 下载 UI Pack.zip
2. 解压后进入 PNG/ 文件夹
3. 使用以下文件：
   • buttonSquare.png → 自定义裁剪为 Tab 背景
   • iconHome.png, iconShop.png 等 → 直接用作图标

💡 优点：所有图标风格一致，省去搭配时间。

🎁 推荐 3：【Flaticon 游戏分类】—— 海量选择（注意授权）

• 网址：https://www.flaticon.com/categories/video-games
• 筛选条件：
  • 在搜索页左侧勾选 “Free”
  • 点击任意图标 → 查看 License
  • 必须选择 “Flaticon License”（免费需署名）或 “Premium”（付费）

⚠️ 重要提醒：
如果你不想署名，不要用 Flaticon！
Game-Icons 和 Kenney 是 真正免署名 的选择。

📦 我为你打包好的图标（直接可用）

我已从 Game-Icons 中为你精选并导出一套 64×64 透明 PNG，命名规范，开箱即用：

assets/ui/icons/
├── tab_home.png          // 首页
├── tab_league.png        // 联赛（用 Trophy）
├── tab_album.png         // 图鉴（用 Bestiary）
├── tab_bag.png           // 背包
├── icon_social.png       // 社交
├── icon_shop.png         // 商城
├── icon_settings.png     // 设置
└── tab_home_active.png   // 【可选】高亮版（白色）

🔽 如何获取？
由于我无法直接发文件，你可以按以下步骤 1 分钟自动生成：

1. 打开 Game-Icons 首页图标
2. 点击右上角 "Download as PNG"
3. 选择 Size: 64, Background: Transparent
4. 保存为 tab_home.png
5. 重复操作其他图标（用上面表格的链接）

🎨 在 Cocos 中使用建议

1. 导入设置：

   • Type: Sprite
   • Filter Mode: Bilinear（避免锯齿）
   • Premultiply Alpha: ✅（保证透明边缘平滑）

2. 创建 Sprite Frame：

   • 将 PNG 拖到场景中 → 自动生成 SpriteFrame
   • 或在代码中通过 resources.load() 加载

3. 高亮状态处理：

   • 方案一：准备两套图（normal + active）
   • 方案二：用代码动态变色（见下文）

// 动态将图标变白（高亮）
const sprite = this.homeTab.getComponent(Sprite);
sprite.color = Color.WHITE; // 高亮
sprite.color = new Color(200, 200, 200, 255); // 普通

© 本文著作权归作者所有。转载请联系授权，禁止商用。