> For the complete documentation index, see [llms.txt](https://2600hz.gitbook.io/sds/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://2600hz.gitbook.io/sds/sds-3.0/sds-components/components/avatar.md).

# Avatar

An Avatar component is a visual representation or image associated with a user, entity, or participant in an application. It is typically displayed as a small, circular-shaped image

### Use Cases:

✅ Displaying a user's profile picture or photo.

✅ Showing the image of a person or entity associated with a message or comment.

✅ Representing a user or participant in a chat or messaging application.

✅ Displaying a visual representation of a user's online status (e.g., a colored indicator).

### Not to Use Cases:

❌ Using Avatars to display complex images or illustrations that do not represent a specific user or entity.

❌ Using Avatars as the primary means of conveying important information or notifications.

❌ Overusing Avatars excessively throughout an application without clear purpose or context.

❌ Using Avatars as interactive components that trigger actions or behavior when clicked.