New
Storybook for full-stack developersAutomate with Chromatic
Star75,281
Back to glossary
Add your project

Emotion icon components

126 icons are styled using Emotion. An icon is a visual symbol that indicates the purpose of an interface element. It’s used to represent ideas, content types, and actions. Emotion is a styling library that allows you to write styles in JavaScript. This technique is known as CSS-in-JS. When you write CSS alongside your JavaScript component files, you’re naturally encouraged to scope styling at the component level. Emotion is used to style 18 projects.

126components378storiesLast updated 3 days ago
Tweet
Add your component
IconButton
Phork
29
IconTextButton
Phork
27
Icon Button
Natura Cosmeticos
21
IconStatusBubble
Phork
18
ColoredIconButton
Phork
16
ColoredIconTextButton
Phork
16
NotificationBadge
kiwicom
13
Circular Progress Indicator
Natura Cosmeticos
13
Checkbox (selection control)
Natura Cosmeticos
10
IconToast
Phork
9
Bottom Navigation Action
Natura Cosmeticos
9
VerificationCode
Scaleway
8
IconCount
Phork
7
IconGroup
Phork
7
Switch (selection control)
Natura Cosmeticos
7
IconButton
SpaceONE
7
Icon
Scaleway
6
Radio (selection control)
Natura Cosmeticos
6
Icon
Natura Cosmeticos
5
List Item Secondary Action
Natura Cosmeticos
5