Updated Jun 25, 2021



Icons are used to convey common ideas, objects, or actions to the user.

Matchbox primarily uses the Material Icon Library. Icons are a visual tool used to draw attention to common ideas, objects, and actions.

Icons should be used infrequently and purposefully. Using too many icons can create visual noise for the user and degrade the experience.

Icons should always be paired with meaningful text labels when possible to improve user understanding and accessibility.

Avoid using icons decoratively and without intention as it can detract from their purpose in other parts of the UI.

Using Icons

<ChevronRight size={24} />

All Icons