Icon

Icons display visual symbols within a consistent bounding box.

Use an icon as a visual element within a consistent bounding box. The component ensures all icons align and scale uniformly, regardless of the icon glyph.

We use Font Awesome v7.2 as our icon library. The default style is Solid (fa-solid); use other styles (Regular, Light, etc.) only when a specific design need calls for it.

Reference: fontawesome.com/icons

Group=Navigation, Name=Team

Group=Navigation, Name=Namespace

Group=Navigation, Name=Setting

Group=Navigation, Name=Uptime

Group=Navigation, Name=Members & Team

Group=Navigation, Name=Detection

Group=Navigation, Name=Performance

Group=Navigation, Name=Push & deploy

Group=Navigation

Group=Navigation, Name=Application

Group=Navigation, Name=Deploy

Group=Navigation, Name=Host monitoring

Group=Navigation, Name=Account setting

Group=Navigation, Name=Error

Group=Navigation, Name=Dashboard

Group=Navigation

Group=Navigation, Name=Security

Group=Navigation, Name=Account

Group=Navigation, Name=Sourcemap

Group=Navigation, Name=Notification

Group=Navigation, Name=organization

Severity / Notification / Alerts

Icon=Severity -> Any

Icon=Severity -> Critical

Icon=Severity -> High

Icon=Severity -> Low

Icon=Severity -> Informational

Icon=Severity -> Not set

Icon=Notification -> Close

Icon=Notification -> First

Icon=Notification -> Every

Icon=Notification -> Never

Icon=Assign

Icon=Alert -> Warming up

Icon=Alert -> Cooling down

Function

Group=Function, Name=Export

Group=Function, Name=Expand screen

Group=Function, Name=Edit

Group=Function, Name=Add new

Group=Function, Name=More

Group=Function, Name=Table

Group=Function

Group=Function

Group=Function

Group=Function, Name=Latest

Group=Function, Name=choose date

Group=Function, Name=Never

Group=Function

Group=Function

Group=Function, Name=Ended

Group=Function, Name=Warming up

Group=Function, Name=Cooling down

Group=Function

Group=Function

Group=Function, Name=inactive

Group=Function, Name=Active

Group=Function

Group=Function, Name=Warning

Group=Function, Name=Arrow

Group=Function, Name=Waffle

Group=Function, Name=search

Group=Function, Name=ongoing

Status

Group=Incident, Name=Closed

Group=Incident, Name=Closed

Group=Incident, Name=in progress

Group=Incident, Name=Open

Storybook