图标尺寸指南

查询App图标、Web Favicon、系统图标等常用尺寸规范,含Material/iOS设计标准,便于设计师与开发者查阅。

关于 图标尺寸指南

图标尺寸指南汇总了应用图标、Web Favicon、系统图标、UI图标在不同平台下的标准尺寸。设计师和开发者可根据平台快速查询所需尺寸,避免遗漏多分辨率适配。

设计要点

  • 多分辨率:Android需提供mdpi/hdpi/xhdpi/xxhdpi/xxxhdpi多套图标。
  • 安全区:iOS图标需保留4px内容边距,避免圆角裁切。
  • Favicon:16/32/180/192/512多尺寸兼顾浏览器与PWA。
  • 矢量优先:SVG图标可无损缩放,推荐用于Web与高分辨率屏幕。
  • 触控区域:移动端可点击图标建议不小于44×44pt(iOS)/48×48dp(Android)。

常见平台规范

  • Material Design:24dp(标准)、48dp(可点击)。
  • iOS:22×22、44×44pt常用。
  • Windows:16/32/48/256px。
  • Web Favicon:16×16、32×32、180×180(Apple Touch)。