界面合集
Bunker 菜单图标 — 24px双色套装
橄榄野的六个双色菜单图标,24×24网格:播放、暂停、设置、地图、声音、关闭。图集与单文件。

关于这个合集
24px网格上的双色图标。第二种色调是骨色而不是红色:红被留给唯一的信号色,把它花在图标上会把整个体系压平。
全部六个图标都落在严格的24×24网格上,线宽统一为2 px,视觉重量也做过统一,因此排成一行时它们像一套,而不是六张碰巧一样大的画。这套涵盖播放、暂停、设置、地图、声音与关闭。
每个图标只带两个值:一个主体色,和在其中挖出的一处点缀细节。这就是全部调色板——没有阴影、没有渐变、没有斜面——因此给这一套换色只是两次查找替换,而点缀色仍空着,留给你的界面在别处使用。
这套以三种方式提供。若你的引擎会栅格化矢量,或你打算自己改,就用单个的SVG。144×24的图集把六个排在同一网格上,适合更喜欢一张纹理加矩形偏移的引擎——第N格从 x = N × 24 开始。PNG导出覆盖1x、2x和4x,透明边缘干净。
怎么用
- 在图集中,第N个图标占据 x = N × 24、y = 0、宽24、高24的矩形——顺序为播放、暂停、设置、地图、声音、关闭。
- 把图标放在1x、2x或4x的整数像素上;把2 px的线条按分数倍率渲染,正是把清晰图标变成灰糊的原因。
- 要改色,请改SVG里的两个值:主体色与点缀细节。在PNG上平涂上色会把两者压成一色,想保住双色的读法就在SVG层面改。
- 触控目标请保持图标24 px不变,放大它背后的按钮;线宽是按这个尺寸调好的。
许可
可复制的署名文字
"Bunker 菜单图标 — 24px双色套装" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/bunker-menu-icons-24


