Material Symbols¶
Material Symbols is a library of icons designed by Google for use with its Material design system.
Usage¶
- Find the icon you want
- Pass its name to
icons.material
Icon names are case-sensitive
Unlike RIL's other icon libraries, Material Symbol names are case-sensitive. The name you pass must exactly match the name on Google Fonts.
Props¶
Name | Type | Description | |
---|---|---|---|
variant |
str |
The variant of the icon. May be one of "outlined" , "rounded" , or "sharp" . |
|
filled |
bool |
Whether to use the icon's filled appearance. | |
color |
str | tuple |
The color of the icon. May be a hex code, a tuple of RGB, RGBA, or HSL values, or any valid CSS Color Module Level 3 color name. | |
size |
int | str |
The size of the icon. May be an integer (in pixels) or a CSS size string (e.g., "1rem" ). |