`AvatarView` displays either a photo or the initials of a person, entity, or group on top of a colored circular or square background.

<DisplayToggle onText="Dark" offText="Light" label="Theme Switcher">

### Initials

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/android/updated/img_avatar_02_initials_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/android/updated/img_avatar_02_initials_dark.png?text=DarkMode" />

### Profile

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/android/updated/img_avatar_01_profilepicture_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/android/updated/img_avatar_01_profilepicture_dark.png?text=DarkMode" />

### Group

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/android/updated/img_avatar_03_square_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/android/updated/img_avatar_03_square_dark.png?text=DarkMode" />

</DisplayToggle>