---
url: https://talkjs.com/docs/UI_Components/Theme/Theme_components/Avatar
title: '<Avatar>'

minidoc-source: js
minidoc-lib: components
---

The `<Avatar>` component is used to display a user's profile picture or a conversation's image.

## AvatarProps
/** */
export declare interface AvatarProps  {
/** A collection of objects which are passed to all Chatbox/ConversationList theme components.
Because this particular theme component can show up in both a `<Chatbox>` and a `<ConversationList>`, this prop has a union type. */
common: CommonChatboxProps|CommonConversationListProps;
/** The URL of the image that's to be displayed. */
photoUrl: string;
}

## Example

In the default theme, the `<Avatar>` component is implemented as follows:

<GithubThemeComponent name="Avatar" />