Icon
Material Symbols Outlined variable-font icons. name takes a Material Symbols icon name (underscore ligature).
Font is provided by the host app
The ligature font requires the host to declare @font-face 'Material Symbols Outlined' (this site and the workspace both use a subset file of ~180KB). With a subset font, new icon names must be added to the subset list and the font regenerated, otherwise the icon renders as raw English text.
Basic usage
Size & weight
size drives both font size and optical size (opsz); weight 100–700.
Fill
fill switches to solid fill — for selected/active states. Color inherits from color.
描边 实心 选中态
API
Props
| Name | Type | Default | Description |
|---|---|---|---|
| name | string | — | Material Symbols icon name (required) |
| size | number | 20 | size in px (also sets opsz) |
| fill | boolean | false | solid fill |
| weight | number | 400 | weight 100–700 |