ASP.NET Core Avatar

Overview

The ASP.NET Core Avatar Component is perfect for displaying entities with small photos, custom icons, avatars or initials in your apps.

See the ASP.NET Core Avatar component demo.
Avatar Types

The Avatar exposes a Type parameter with three predefined options: text (default), icon and image and allows further customization of each option via additional parameters related to setting its content (imageURL, icon name, actual text and more).
Configuration and Appearance

Configure the Avatar UI component shape as a circle, square or rectangle, as well as with rounded corners. You can further customize the look by setting its size to small, medium (default) or large, appearance fill style, border, alt text and more.

See how to customize the Avatar component appearance.
HTML and Tag Helpers

As with all Telerik UI for ASP.NET Core components, you have the flexibility to declare the Avatar via HTML and Tag helpers.
Avatar Theming

You can choose one of the several built-in themes and swatches, including Default (our own styling), Material (based on the Material Design guidelines), Bootstrap and Fluent (based on Microsoft Fluent UI) to style the appearance of the Avatar UI component. You can easily customize any of the available themes with a few lines of CSS or create a new theme to match your colors and branding with the Progress SASS ThemeBuilder application.