Skip to main content Skip to navigation Skip to search

Icon

Icon Properties

Name Type Description
shape string 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 | sm | md | lg | xl | xxl
direction up | down | left | right
flip horizontal | vertical
solid boolean Displays most icons in their "filled" version if set to `true`.
status info | success | warning | danger
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

Icon CSS Properties

Name
--color
--badge-color