Status bar icon generator
状态栏图标生成器。
Wi-Fi、电量和音量,合成一枚 macOS 风格的状态图标。浅色深色、菜单栏和 Dock 都能拨,导出 SVG 和 PNG。
纯前端 · 绘制规格参考开源项目 Status Trio(Apache-2.0)
电池
75%低于 20% 自动变红,省电模式黄色,充电绿色——和系统状态栏的语义一致。
Wi-Fi
3 格音量
4 格外观
菜单栏一枚图标,三个信号
状态栏图标最有辨识度的画法,都按原样画出来了。
弧形电池壳
数字和闪电嵌在弧顶缺口里,低于 20% 变红、省电变黄、充电变绿,和系统状态栏的语义一致。
七种 Wi-Fi 状态
已连接、未关联、关闭、无互联网、iPhone 热点、临时连接、共享互联网,全部画出来了。
浅色深色与 Dock
浅色深色菜单栏一键切换,也能切成带背景的 Dock 图标,导出所见即所得。
怎么合成状态图标
免费,不用注册。
拨出你的状态
电量滑杆、Wi-Fi 信号和连接状态、音量格数,还有充电、省电这些开关,逐项选好。
挑外观
浅色或深色菜单栏,或者切成带圆角背景的 Dock 图标,预览即时刷新。
导出
下载 SVG 矢量或 PNG(512、256、128),也能复制 SVG 代码,直接进设计稿、文档或演示。
状态栏图标生成器常见问题
关于合成状态图标,大家常问的。
生成的是什么?▾
一枚 macOS 风格的三合一状态图标:Wi-Fi、电量和音量共享同一个图形。可以导出 SVG 矢量图,也可以导出 512、256、128 三档 PNG。
能把图标装进 macOS 菜单栏吗?▾
不能。这里生成的是同款风格的图标图片,用在设计稿、文档和演示里。想真的在菜单栏里三合一显示系统状态,请用开源原生应用 Status Trio,本工具的绘制规格就参考它。
要钱吗?会上传什么吗?▾
不要钱,也不用注册。所有绘制都在你的浏览器里完成,没有任何东西上传。
为什么没有音量弧样式?▾
原应用支持圆点与弧形两种音量画法,这里按它公开的数据驱动示例实现了圆点样式,弧形画法暂未收录。
可以商用吗?▾
绘制规格来自 Apache-2.0 许可的 Status Trio 开源项目,使用时请遵守其许可证条款。生成的是通用的系统状态符号图形。