Icons are used to represent an action or a state.
import { Icon } from '@backstage/ui';
<Icon />| Prop | Type | Default | Responsive |
|---|---|---|---|
| name | account-circlealertarrow-downarrow-down-circlecaret-downcaret-leftcaret-rightcaret-uparrow-leftarrow-left-circlearrow-left-downarrow-left-uparrow-rightarrow-right-circlearrow-right-downarrow-right-uparrow-uparrow-up-circlebracesbracketsbugcheckcheck-doublechevron-downchevron-leftchevron-rightchevron-upclosecloudcodediscorddownloadexternal-linkeyeeye-offfilterflowergithubgit-repositorygroupheartmoonplussearchsidebar-foldsidebar-unfoldsparklingstarsunterminaltrashuploaduseryoutubezoom-inzoom-out | - | No |
| size | number | - | No |
| className | string | - | No |
| style | CSSProperties | - | No |
Our theming system is based on a mix between CSS classes, CSS variables and data attributes. If you want to customise this component, you can use one of these class names below.
bui-Icon