Material Symbols
Variable icon font with adjustable axes for weight, grade, fill, and optical size — supporting 3 distinct styles.
4 axes3 styles4 sizes
Icon system
4
Variable axes
3
Styles
4
Sizes
Material Symbols
Family
Styles
OutlinedRoundedSharp
Explorer
Material Symbols
Variable icon font with 4 axes
Variable Axes
0
0Default: 01
400
100Default: 400700
0
0Default: 0100
24
20Default: 2448
Preview
CSS font-variation-settings
'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24Recommended Sizes
20dp
Dense UI, supporting
24dp
Standard icons
40dp
Feature icons
48dp
Hero/large display
| Axis | Range | Default | Description |
|---|---|---|---|
Fill (FILL) | 0–1 | 0 | 0=outlined, 1=filled |
Weight (wght) | 100–700 | 400 | Stroke weight |
Grade (GRAD) | -50 to 200 | 0 | Emphasis adjustment |
Optical Size (opsz) | 20–48 | 24 | Size-specific stroke tuning |