Skip to content

Icon 图标

Material Symbols Outlined 变量字体图标。name 取 Material Symbols 图标名(下划线连字)。

字体由宿主应用提供

连字字体需要宿主在 @font-face 声明 'Material Symbols Outlined'(本站与 workspace 均使用按清单子集化的 ~180KB 字体文件)。若使用子集字体,新图标名必须加入子集清单重新生成,否则该图标会裸显成英文文字。

基础用法

尺寸与字重

size 同时驱动字号与光学尺寸(opsz);weight 100–700。

填充态

fill 切换实心填充,常用于选中/激活态。颜色随 color 继承。

描边 实心 选中态

API

Props

名称类型默认值说明
namestringMaterial Symbols 图标名(必填,下划线连字)
sizenumber20尺寸 px(同步设置 opsz)
fillbooleanfalse实心填充(选中/激活态)
weightnumber400字重 100–700