Icon components
Icon is a visual symbol that indicates the purpose of an interface element. It’s used to represent ideas, content types, and actions.
304components1087storiesLast updated yesterday
![](https://snapshots.chromatic.com/snapshots/5d24fed056258a00204c31b6-63dc500c567f090fab6c350c/w_680/capture.png)
Icons
![](https://snapshots.chromatic.com/snapshots/629d02eee5b627004ab457be-629d0361333707003acce74b/w_680/capture.png)
DayPickerRangeController
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-633de0e30c99222b5a802c7c/w_680/capture.png)
IconButton
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-633de0e30c99222b5a802caa/w_680/capture.png)
IconTextButton
![](https://snapshots.chromatic.com/snapshots/629d02eee5b627004ab457be-629d0361333707003acce770/w_680/capture.png)
DayPickerSingleDateController
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-633de0e30c99222b5a802d66/w_680/capture.png)
IconStatusBubble
![](https://snapshots.chromatic.com/snapshots/63754ea9432746035348079e-63754f0a6fb454fdf6d1bd62/w_680/capture.png)
BatteryIcon
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-633de0e30c99222b5a802c99/w_680/capture.png)
ColoredIconButton
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-633de0e30c99222b5a802cc5/w_680/capture.png)
ColoredIconTextButton
![](https://snapshots.chromatic.com/snapshots/629e648426469d004a80276e-629e64bc4b5e65004a07361b/w_680/capture.png)
NotificationBadge
![](https://snapshots.chromatic.com/snapshots/5d24fed056258a00204c31b6-63dc500c567f090fab6c34f2/w_680/capture.png)
IconLink
![](https://snapshots.chromatic.com/snapshots/62022f03c6654e003a637b65-6606d4931f790cd3f6c733ac/thumb/capture-4c64d0bb.png)
ButtonIcon