Status bar icon generator

状态栏图标生成器。

Wi-Fi、电量和音量,合成一枚 macOS 风格的状态图标。浅色深色、菜单栏和 Dock 都能拨,导出 SVG 和 PNG。

纯前端 · 绘制规格参考开源项目 Status Trio(Apache-2.0)

Wi-Fi、电量和音量合成的状态图标75

电池

75%

低于 20% 自动变红,省电模式黄色,充电绿色——和系统状态栏的语义一致。

Wi-Fi

3 格

音量

4 格

外观

菜单栏

一枚图标,三个信号

状态栏图标最有辨识度的画法,都按原样画出来了。

弧形电池壳

数字和闪电嵌在弧顶缺口里,低于 20% 变红、省电变黄、充电变绿,和系统状态栏的语义一致。

七种 Wi-Fi 状态

已连接、未关联、关闭、无互联网、iPhone 热点、临时连接、共享互联网,全部画出来了。

浅色深色与 Dock

浅色深色菜单栏一键切换,也能切成带背景的 Dock 图标,导出所见即所得。

怎么合成状态图标

免费,不用注册。

1

拨出你的状态

电量滑杆、Wi-Fi 信号和连接状态、音量格数,还有充电、省电这些开关,逐项选好。

2

挑外观

浅色或深色菜单栏,或者切成带圆角背景的 Dock 图标,预览即时刷新。

3

导出

下载 SVG 矢量或 PNG(512、256、128),也能复制 SVG 代码,直接进设计稿、文档或演示。

状态栏图标生成器常见问题

关于合成状态图标,大家常问的。

生成的是什么?▾

一枚 macOS 风格的三合一状态图标:Wi-Fi、电量和音量共享同一个图形。可以导出 SVG 矢量图,也可以导出 512、256、128 三档 PNG。

能把图标装进 macOS 菜单栏吗?▾

不能。这里生成的是同款风格的图标图片,用在设计稿、文档和演示里。想真的在菜单栏里三合一显示系统状态,请用开源原生应用 Status Trio,本工具的绘制规格就参考它。

要钱吗?会上传什么吗?▾

不要钱,也不用注册。所有绘制都在你的浏览器里完成,没有任何东西上传。

为什么没有音量弧样式?▾

原应用支持圆点与弧形两种音量画法,这里按它公开的数据驱动示例实现了圆点样式,弧形画法暂未收录。

可以商用吗?▾

绘制规格来自 Apache-2.0 许可的 Status Trio 开源项目,使用时请遵守其许可证条款。生成的是通用的系统状态符号图形。

现在就合成你的状态图标