| Name | Type | Description |
|---|
| shape | | Changes the svg glyph displayed in the icon component. Defaults to the 'unknown' icon if
the specified icon cannot be found in the icon registry. |
| size | string | xs | sm | md | lg | xl | xxl | Apply numerical width-height or a t-shirt-sized CSS classname |
| direction | up | down | left | right | Takes a directional value that rotates the icon 90° with the
top of the icon pointing in the specified direction. |
| flip | horizontal | vertical | Takes an orientation value that reverses the orientation of the icon vertically or horizontally' |
| solid | boolean | Displays most icons in their "filled" version if set to `true`. |
| status | info | success | warning | danger | Changes color of icon fills and outlines |
| inverse | boolean | Inverts color of icon fills and outlines if `true`.
Useful for displaying icons on a dark background. |
| badge | info | success | warning | danger | inherit | warning | -triangle | inherit-triangle} |
