Icon


Use icons as indicators for a certain application state or as an addition to text in a button.

The meaning of icons might not be obvious all the time. It's therefore recommended to either use text and icon combined or to add a tooltip to the surrounding component.

Icon
The icon property sets the shape that the icon component should render. You can use any svg path you want, but it is recommended that you use the exported ICONS object that contains a mapping from recognizable names to svg path strings. See the list below as a reference.
Color
The color property can be used to set the color of the icon:
Size
Muted

The muted property can be used to set the color of the icon to the muted color of the current theme. Use it for disabled states.

List of Icons
Loading...
VSETH
VSETH

Copyright 2023 VSETH - Verband der Studierenden an der ETH