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.
303components1082storiesLast updated 8 days ago
![](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-669ab6fe466cbbafdd1aa921/thumb/capture-697ba59c.png)
IconButton
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-669ab6fe466cbbafdd1aa94f/thumb/capture-d4048f16.png)
IconTextButton
![](https://snapshots.chromatic.com/snapshots/629d02eee5b627004ab457be-629d0361333707003acce770/w_680/capture.png)
DayPickerSingleDateController
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-669ab6fe466cbbafdd1aaa0b/thumb/capture-a77f2c17.png)
IconStatusBubble
![](https://snapshots.chromatic.com/snapshots/63754ea9432746035348079e-63754f0a6fb454fdf6d1bd62/w_680/capture.png)
BatteryIcon
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-669ab6fe466cbbafdd1aa93e/thumb/capture-136cd556.png)
ColoredIconButton
![](https://snapshots.chromatic.com/snapshots/6195b518b76f57003aa69b4c-669ab6fe466cbbafdd1aa96a/thumb/capture-ae759327.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