Coral is a thoroughly developed design system widely adopted by developers and designers for creating beautiful and user-friendly Sea internal products.
Copyright © 2018-2025 Sea Labs
Legacy Icons
Size 12px
View code
Size 14px
View code
Size 16px
View code
Size 20px
View code
Size 28px
View code
Size 30px
View code
Size 32px
View code
Size 34px
View code
Size 76px
View code
Customizations
Sizes
Each icon comes with default sizes. However, you can specify a custom size through size prop. For example, below icon’s default size is 20 and set into 32.
View code
Color
Icons color defaults to currentColor, which means it uses the wrapping css text color. However, you can pass color prop to set it into a specific color.
View code