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
Icons
Icons are interactive elements that initiate a task, navigate to a new page, or reveal additional actions. You may find the legacy icons here.
Icon Gallery
Customization
Sizes
Each icon comes with default size 20px. However, you can specify a custom size through size prop.
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