Accessibility

Overview

An Avatar represents a person, team, or entity through an image, initials, or icon.

It visually identifies users or objects across the interface — such as in lists, comments, navigation, or chat.

Variants: Photo · Initials · Icon

Status: Stable

Owner: Design System Team

When to Use / When Not to Use

Use when:

• Representing users, teams, or entities visually.
• Displaying user presence or identity in lists, headers, or comments.
• Providing recognizable profile context next to actions or messages.

Avoid when:

• Showing large profile details (use Profile Card).
• Using random icons without meaning (use Icon instead).
• You need to show complex data (use User List component).

Anatomy