这是一个非常适合 Mihomo 用户使用的高质量图标资源包,能显著提升配置文件的可读性和美观度。通过简单的 YAML 修改即可实现丰富的可视化效果,是打造个性化 Clash 体验的必备资源之一。
Mihomo (MetaCubeX) 面板 Icon 资源包
适用于 Mihomo 及其前端控制面板(如 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
使用方法
- 获取图标地址
https://raw.githubusercontent.com/Vbaethon/HOMOMIX/main/Icon/\[Color|Color/Large\]/<icon\_name>.png
- 在 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 或静态资源服务器上。
- 可结合 HOMOMIX 工具自动合并规则与图标路径。
- 推荐搭配
.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