<Icon /> component uses the property
name to display the correct icon.
artwork allows for external patterns that is not already available in our Icon list. You may only specify name OR artwork, not both.
color by default, icons inherit the text color of the component they are embedded within. But it can also have it specify as a prop.
size can be specified by using the size prop. By default the size will be medium.
When using an
Icon we strongly encourage specification of a
title attribute. If an
Icon is used without an explicitly specified
aria-hidden="true" will be added to hide the icon from screen readers. The assumption will be made that other efforts have been made to give the user context.
Tip: you can click an icon below to copy it to your clipboard.