4.16.0






Icon

An icon is a graphic symbol that represents an object (ie a file) or a function. They can be used to give the user feedback.

Icon Default


Icon Rotate


Icon Flip


Icon Animation

Spin


Pulse


A spinner icon can show a user that something is loading or saving.

Icon Pull


Icon Pull can be used to indicate that the user can perform a pull action.

Icon Border


Icon Sizes

Large

Small

XSmall



1x

2x

3x

4x

5x

6x

7x

8x

9x

10x


Icon Default Dark



Things to Avoid

Be careful of use cases where there should be a clickable area around the icon. Icon Circle Button may need to be used instead.

Available Props
id
data
classname
aria
children
border
fixed_width
flip
icon
inverse
list_item
pull
pulse
rotation
size
spin