Notification icons and banners

Colored alert icons and notification banners are used to provide feedback and urgency for resolving.

This table shows the icons, colors, and what they represent.

Type Icon Color Description
Success Success icon Green Indicates that an action was successful.
Info Info icon Blue Used to provide informative feedback. No action is required.
Warning Warning icon Orange Used to alert you to potential issues that can arise if something is not corrected. Resolving the issue is up to your discretion.
Error Error icon Red Indicates that an error has occurred or that something is invalid. Resolving the issue is required before proceeding.