Icon

The icon component renders Material Symbols names directly, making it easy to reuse the same icon tokens across the library and docs.

settingssettings

Props

Name	Description	Default	Control
nameRequired	The name of the Material Symbols Outlined icon to display. string	-

Events

No events documented.

Slots

No slots documented.

Default

settings

Available Examples

favoritefavorite

homehome

searchsearch

settingssettings

In this project’s examples, favorite, home, search, and settings are the icons used most often. For a broader catalog, refer to the Material Symbols guide.