界面合集

Sketch 菜单图标 — 32px线描套装

墨线笔记本的七个单色线描菜单图标,32×32:播放、暂停、设置、背包、地图、确认、关闭。图集与单文件。

  • ui
  • svg
  • 透明png
  • 图标
  • 32px
  • 菜单
  • 描边
  • 手绘
  • 草图
  • 笔记本
  • 浅色界面
墨线笔记本底色方块上的七个线描菜单图标,先放大展示,再排入图集,最后按32像素实际尺寸呈现
预览 1600×912透明部分以棋盘格显示

关于这个合集

32px网格上、用2.5px线条画的图标,笔触与面板同样是那条不安分的线。网格更大不是装饰:16px图标上抖动的轮廓会读作渲染错误,它需要空间,抖动才读作一只手。

全部七个图标都落在严格的32×32网格上,线宽统一为2.5 px,视觉重量也做过统一,因此排成一行时它们像一套,而不是七张碰巧一样大的画。这套涵盖播放、暂停、设置、背包、地图、确认与关闭。

全部是单色的。每个文件里只有一个值,这意味着给整套换色只是一次查找替换;如果你用PNG,就是在材质上上一次色。什么都没有烤死——没有阴影、没有渐变、没有斜面——因为一个自带光照的图标,在你的界面一变的瞬间就不再匹配了。

这套以三种方式提供。若你的引擎会栅格化矢量,或你打算自己改,就用单个的SVG。224×32的图集把七个排在同一网格上,适合更喜欢一张纹理加矩形偏移的引擎——第N格从 x = N × 32 开始。PNG导出覆盖1x、2x和4x,透明边缘干净。

下载

直接链接 · 无需注册 · 没有等待页
下载ZIP34 kB

全套 — 单个SVG、图集、1x/2x/4x的PNG导出

这个合集包含的文件
文件格式体积下载
全套 — 单个SVG、图集、1x/2x/4x的PNG导出ZIP34 kB 获取 →
图标图集,可编辑SVGSVG1.7 kB 获取 →

怎么用

  1. 在图集中,第N个图标占据 x = N × 32、y = 0、宽32、高32的矩形——顺序为播放、暂停、设置、背包、地图、确认、关闭。
  2. 把图标放在1x、2x或4x的整数像素上;把2.5 px的线条按分数倍率渲染,正是把清晰图标变成灰糊的原因。
  3. 要改色,请改SVG里唯一的填充值或描边值,或者在界面材质里给PNG上色——同一个文件里的所有形状都用同一个值。
  4. 触控目标请保持图标32 px不变,放大它背后的按钮;线宽是按这个尺寸调好的。

许可

知识共享 署名 4.0 — 商业用途也免费。需要署名。 完整条款 · 实际是什么意思

可复制的署名文字
"Sketch 菜单图标 — 32px线描套装" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sketch-menu-icons-32