界面合集
Paper 菜单图标 — 24px线描套装
浅羊皮纸的单色线描菜单图标57个,24×24网格,含播放、暂停、设置等54个。图集与单文件,另含透明PNG。

关于这个合集
比目录其余部分更细的线——1.75像素而不是2。在浅底上,2 px的线读起来沉重而略显强势;减掉四分之一像素,就是"图标落在页面上"与"图标压在页面之上"的差别。
57个图标全部落在严格的24×24网格上,线宽统一为1.75px,视觉重量也一致,因此排成一行时读起来是一套,而不是57张碰巧一样大的画。这套涵盖播放、暂停、设置、背包、地图、声音、关闭、确认、生命、货币、防御、战利品、首页、返回、前进、上、下、菜单、搜索、筛选、刷新、全屏、添加、移除、锁定、解锁、查看、删除、信息、警告、星标、奖杯、时间、保存、下载、上传、武器、药水、宝石、钥匙、宝箱、任务、危险、火焰、能量、法力、护甲、速度、技能、目标、音乐、资料、队伍、聊天、邮件、商店与奖励。
全部是单色的。每个文件里只有一个值,这意味着给整套换色只是一次查找替换;如果你用PNG,就是在材质上上一次色。什么都没有烤死——没有阴影、没有渐变、没有斜面——因为一个自带光照的图标,在你的界面一变的瞬间就不再匹配了。
这套以三种形式交付。如果你的引擎会栅格化矢量,或者你打算自己改,单个SVG最合适。1368×24的图集把57个全部排在同一网格上,适合偏好单张贴图加矩形偏移的引擎——第N格从 x = N × 24 开始。PNG导出覆盖1x、2x与4x,透明边缘干净。
怎么用
- 在图集中,第N个图标占据矩形 x = N × 24,y = 0,宽24,高24,顺序为:播放、暂停、设置、背包、地图、声音、关闭、确认、生命、货币、防御、战利品、首页、返回、前进、上、下、菜单、搜索、筛选、刷新、全屏、添加、移除、锁定、解锁、查看、删除、信息、警告、星标、奖杯、时间、保存、下载、上传、武器、药水、宝石、钥匙、宝箱、任务、危险、火焰、能量、法力、护甲、速度、技能、目标、音乐、资料、队伍、聊天、邮件、商店、奖励。
- 把图标放在1x、2x或4x的整数像素上;把1.75 px的线条按分数倍率渲染,正是把清晰图标变成灰糊的原因。
- 要改色,请改SVG里唯一的填充值或描边值,或者在界面材质里给PNG上色——同一个文件里的所有形状都用同一个值。
- 触控目标请保持图标24 px不变,放大它背后的按钮;线宽是按这个尺寸调好的。
许可
可复制的署名文字
"Paper 菜单图标 — 24px线描套装" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/paper-menu-icons-24


