这是一个非常适合 Mihomo 用户使用的高质量图标资源包,能显著提升配置文件的可读性和美观度。通过简单的 YAML 修改即可实现丰富的可视化效果,是打造个性化 Clash 体验的必备资源之一。
Mihomo (MetaCubeX) 面板 Icon 资源包
==============================
适用于 [链接登录后可见] 及其前端控制面板(如 Yacd、Ruyi 等),用于美化策略组和规则集的图标展示。
* * *
### 使用前提
* 了解基本的 `Clash` 规则配置(`.yaml` 文件编写)
* 已使用 **Mihomo Meta** 或相关前端面板
* 支持自定义图标显示的面板功能(如 Yacd-Moto)
* * *
### 资源内容概览
本图标包包含大量分类清晰、命名规范的 `.png` 图标,共分为以下两类:
### Icon 版本(建议选择一种风格统一使用)
|类型|路径|描述|
|—|—|—|
|**等高版本(默认)**|`Color/`|所有图标高度一致,适合常规使用|
|**满高版本**|`Color/Large/`|图标填充整个区域,适合强调视觉效果|
* * *
### 命名规则说明
图标名称与策略组名称 **无强制关联性** ,但为了便于识别和管理,建议保持一定的命名一致性。
例如:
icon: https://raw.githubusercontent.com/Vbaethon/HOMOMIX/main/Icon/Color/China.png
* * *
### 使用方法
1. **获取图标地址**
\* 使用 GitHub Raw 地址格式:
https://raw.githubusercontent.com/Vbaethon/HOMOMIX/main/Icon/\\[Color|Color/Large\\]/<icon\\_name>.png
2. **在 Clash 配置文件中引用**
groups:
- name: "DIRECT"
type: select
icon: https://raw.githubusercontent.com/Vbaethon/HOMOMIX/main/Icon/Color/DIRECT.png
proxies:
- DIRECT
- Proxy
3. **面板设置(可选)**
\* 进入面板设置界面,调整图标的尺寸、间距等参数以获得最佳显示效果。
* * *
### 图标列表(部分示例)
|名称|用途建议|
|—|—|
|`China.png`|直连中国大陆流量|
|`Global.png`|全球代理策略组|
|`Adblock.png`|广告拦截规则组|
|`Netflix.png`,`Disney+.png`|流媒体服务策略|
|`Telegram.png`,`Twitter.png`,`Threads.png`|社交媒体策略|
|`AI.png`,`ChatGPT.png`|AI 服务策略|
|`TikTok.png`,`Instagram.png`|短视频/图片社交平台|
|`Steam.png`,`Playstation.png`,`Xbox.png`|游戏平台加速|
|`Crypto.png`|加密货币相关流量|
|`Server.png`,`CloudFlare.png`,`Cloud.png`|云服务节点分组|
完整图标列表请参考原文档中的条目。
* * *
### 显示效果(手机截图 & 电脑端)
* 图标在移动端和桌面端均可正常显示。
* 不同面板可能对图标的渲染方式略有差异,建议自行测试后选择最合适的图标大小和样式。
* * *
### 小贴士
* 如果你希望本地化使用这些图标,可以克隆仓库并部署到自己的 CDN 或静态资源服务器上。
* 可结合 [链接登录后可见] 工具自动合并规则与图标路径。
* 推荐搭配 `.srs` 二进制规则集使用,提升性能。
* * *
### 示例链接(取自原始数据)
https://raw.githubusercontent.com/Vbaethon/HOMOMIX/main/Icon/Color/China.png
https://raw.githubusercontent.com/Vbaethon/HOMOMIX/main/Icon/Color/DIRECT.png
https://raw.githubusercontent.com/Vbaethon/HOMOMIX/main/Icon/Color/Netflix.png
https://raw.githubusercontent.com/Vbaethon/HOMOMIX/main/Icon/Color/ChatGPT.png