四档尺寸(size=small 16 / default 20 / large 24 / xlarge 32)+ 任意 CSS 长度

四档关键字 + 一个任意值(28px,写内联 --kole-m-icon-size)

语义色(tone 六档;default 继承父级文字色)

default / brand / secondary / danger / success / warning(与卡片底对比度均 ≥ 5:1)

旋转(spin=true:仅用于「进行中」;reduced-motion 下自动停止)

开启系统「减弱动态效果」后这两个图标静止

行内使用(图标默认继承文字色,随所在文字块变色,含基线对齐)

已通过实名认证

图标颜色跟随这段次要文字(间距 4px,规格 §19.5)

无障碍(label 有值时 role=img 可被读出;无 label 时 aria-hidden 纯装饰)

左:读屏读出「有设备未授权」;右:纯装饰,跳过

可点目标(图标自身 24px,包进 44px 圆钮才可点 —— 规格 §19.5)

热区是 44×44 的按钮;图标本身不绑点击(颜色由父级按钮的状态类驱动)

实际场景(底部标签栏 / 单元格箭头 / 空状态大图标)

首页 消息 应用 我的
账号与安全
暂无数据

既有 9 名向后兼容(check / close / star / warn / info / arrow / plus / minus / more)

warn→warning、info→info-circle、arrow→chevron-right 走别名;其余 6 名即 canonical 名

图标总览(下方网格由页面脚本按注入的字形表生成;找不到的名字不渲染、不抛错)