Back to glossary
Add your project

Emotion icon components

120 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 14 projects.

120components360storiesLast updated yesterday
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
Radio (selection control)
Natura Cosmeticos
6
Icon
Scaleway
6
Icon
Natura Cosmeticos
5
List Item Secondary Action
Natura Cosmeticos
5
FlatIcons
Agora
5