Avatar

The component is typically used to display circular user profile pictures, icons or text.

Usage

Basic avatars, normally used to display text or numbers.MudAvatar can be colored with the Color property.

<MudAvatar Color="Color.Primary">M</MudAvatar>
<MudAvatar Color="Color.Secondary">U</MudAvatar>
<MudAvatar Color="Color.Tertiary">D</MudAvatar>
Outlined

By default, the avatar is filled but can be changed with the Variant property.

<MudAvatar Color="Color.Info" Variant="Variant.Outlined">M</MudAvatar>
<MudAvatar Color="Color.Success" Variant="Variant.Outlined">U</MudAvatar>
<MudAvatar Color="Color.Warning" Variant="Variant.Outlined">D</MudAvatar>
An error has occurred. This application may no longer respond until reloaded. Reload 🗙