Icon Container
Beautiful icon containers.
Functional Colors
Primary
Neutral
Info
Success
Warning
Error
EDS Colors
Teal
Purple
Sky
Cyan
Indigo
Emerald
Sap Green
Burnt Orange
Brick Red
Access Red
Electric Violet
Blue Violet
Sizes
32px
36px
44px
52px
72px
96px
Border Radius
Rounded (Default)
Squared
Product Icon Mode
Use the IconContainer with custom product icons/logos instead of regular system icons. In product icon mode, the container becomes transparent and only displays your custom content.
Different Sizes with Product Icons
A
B
C
D
Color Modes
Compare default and inverted color modes side by side. Left: default mode, Right: inverted mode.
Functional Colors
Primary
Neutral
Info
Success
Warning
Error
EDS Colors
Teal
Purple
Sky
Cyan
Indigo
Emerald
Sap Green
Burnt Orange
Brick Red
Access Red
Electric Violet
Blue Violet