状态图标生成器
电池、Wi-Fi 与音量合成一枚状态图标,参数随手调,导出 SVG 与 PNG。
拖动与点选,图标实时更新;导出文件在本地生成
{ battery: 75, critical: false, showValue: true, lowPower: false, charging: false, wifi: 3, wifiState: 'connected', volume: 4 }
电池电量75%
Wi-Fi 信号3 格
音量信号4 格
图标渲染改编自开源项目 Status Trio(Apache-2.0)的菜单栏组合图标,状态逻辑一比一复刻;导出文件可自由使用。
功能特点
- 使用费用
- 完全免费
- 无需注册登录,打开就能用。
- 使用次数
- 不限使用次数
- 全部合成在浏览器本地完成,无次数限制。
- 文件大小
- SVG 矢量导出
- PNG 支持 256 / 512 px 两档,矢量源码可无损缩放改色。
- 功能亮点
- 灵动岛同款设计语言
- 改编自开源项目 Status Trio(Apache-2.0)的菜单栏图标渲染,状态逻辑一比一复刻。
使用场景
- 01
产品演示与教程配图
教程截图、演示原型里放一枚真实感状态图标,比随手截图更干净。
- 02
状态栏图标设计参考
设计菜单栏或状态栏图标时,对照三段式布局与状态色规范。
常见问题
图标的状态逻辑是真实的吗?
改编自开源项目 Status Trio 的图标渲染:电量低于 20% 变红、省电模式黄色圆弧、充电绿色带闪电,Wi-Fi 支持未关联、无互联网、热点、共享等七种状态,与真实系统行为一致。
导出的图标可以商用吗?
渲染逻辑基于 Apache-2.0 协议的 Status Trio 项目改编,导出的图标文件可自由使用,无需署名。
可以改颜色吗?
预览提供浅色与深色两套底色,导出的 SVG 为矢量源码,可在任何编辑器里继续改色。
相关阅读

