> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cognite.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Avatar

> An Avatar is a graphical representation of a user or concept. It is typically used to personalize user interfaces by displaying profile pictures, initials, or icons and help users quickly recognize individuals in collaborative environments.

## Avatar

<Badge color="blue">v1.0.0</Badge> | [View in Storybook](https://master--695bb4b1b8041ae09768950a.chromatic.com/?path=/docs/primitives-avatar--docs)

### When to use

* Representing a user profile in collaboration features such as messaging, sharing, or comments.
* Providing a visual cue for accounts, teams, or organizations in collaborative interfaces.
* Signaling concepts or features such as agent chat.

### Behavior

* Avatars should be sized to the context they are used in.
* When space limits, use an overflow avatar with a dropdown Menu to indicate there are more users hidden.
* Avatars can be view-only or interactive, depending on the context.
* Avatars can display badge dots to indicate status or online presence.

### Often used with

* [Badge](/aura-design-system/primitives/badge) (status dot), [Tooltip](/aura-design-system/primitives/tooltip) (name or details), [Menu](/aura-design-system/primitives/menu) for “+N” overflow stacks in collaborator lists.