概念

YTUI 的每个图标都带有指定意义，并且做到全局统一。

例如：任何情况下的 返回 功能必须使用 IconBack 图标。

细节

• 图标皆为 1:1 正方形。
• 若非特殊情况，统一使用 24px 的图标。
• 默认图标尺寸 24px 边距 4px 实际内容 16px。

目前图标来自 Heroicons V2，有以下注意点：

• Heroicon 每个图标内容的四周，自带有边距，图标尺寸越大，边距越大。例如：
  • 尺寸为 16px 的 Icon 有 2px 边距，实际图标内容是 12px。
  • 尺寸为 24px 的 Icon 有 4px 边距，实际图标内容是 16px。
• 由于 Outline 的图标是 1.5px 线宽， 会导致最终图标内容会误差 0.5px 左右，但视觉上基本看不出。

图标一览

IconAvatar

IconBack

IconClose

IconCollapse

IconExpand

IconGo

IconMenu

每个图标根据其意义及使用场景命名。