Avatar

User identity representation with initials or image.

Sizes

XSSMMDLGXL

<Avatar initials="XS" size="xs" />
<Avatar initials="SM" size="sm" />
<Avatar initials="MD" size="md" />
<Avatar initials="LG" size="lg" />
<Avatar initials="XL" size="xl" />

With status

ONAWBYOF

<Avatar initials="ON" size="md" status="green" />
<Avatar initials="AW" size="md" status="yellow" />
<Avatar initials="BY" size="md" status="red" />
<Avatar initials="OF" size="md" status="gray" />