Display initials, images, and pre-defined avatars.
Add up to three initials or images in a single view using group avatar view.
Customize the avatar’s border, background, and more.
Built-in visual styles in different sizes with shapes such as circles and squares.

.NET 10 support now available

Trusted by the world’s leading companies

WPF avatar view

Overview

The AvatarView (profile view) control for WPF provides a graphical representation of users that can be customized by adding images, background colors, icons, text, and more.

WPF AvatarView overview

Initials

The WPF AvatarView control supports both single and double characters in initials. So, users can generate initials based on the text provided.

WPF AvatarView for initial type single character

Single character

Used to show one character (the first character) from the avatar name.

WPF AvatarView for initial type double character

Double character

Used to show two characters (first and last characters for a single word/first character for more than one word) from the avatar name as initials.

Custom image

Set any custom image as the avatar for the user in the WPF AvatarView control.

WPF AvatarView with custom image

Avatar character

The WPF AvatarView control has 25 pre-defined avatar character images to set the avatar for users.

WPF AvatarView with avatar character

Group view

A group view is one of the most common UIs in any chat application. Almost all chat applications support group chats that require a common group picture to represent the group. The WPF AvatarView control supports group avatar view.

WPF AvatarView with group view content

Visual style

The WPF AvatarView control comes with a predefined style as per design guidelines. Sizing specifications based on style factors such as extra-large, large, medium, small, and extra-small for squares and circles are available.

WPF AvatarView with square style

Square

WPF AvatarView supports predefined square-shaped styles.

WPF AvatarView with circle style

Circle

WPF AvatarView supports predefined circle-shaped styles.

Customization

The WPF AvatarView control has customization options such as border, background, gradient background, font, and more.

WPF AvatarView with border customization

Border customization

Users can easily customize the border color and thickness of the control.

WPF AvatarView with font customization

Font customization

Users can change the font size, font color, and font family of the initials.

WPF AvatarView with background customization

Background

Users can customize the background of the control.

WPF AvatarView with gradient background customization

Gradient background

Users can customize the control background with a gradient color.

WPF AvatarView code example

Easily get started with the WPF AvatarView control using a few simple lines of XAML and CS code example, as demonstrated below.

xaml
c#
<Window x:Class="AvatarView.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:AvatarView"
        xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <syncfusion:SfAvatarView ContentType="Initials" AvatarName="Anderson Perry"/>
    </Grid>
</Window>
public MainWindow()
{
    InitializeComponent();
    Grid grid = new Grid();
    SfAvatarView avatarView = new SfAvatarView();
    avatarView.ContentType = AvatarContentType.Initials;
    avatarView.AvatarName = "Anderson Perry";
    grid.Children.Add(avatarView);
    this.Content = grid;
}

ALL CONTROLS

GRIDS

DATA VISUALIZATION

MODERN THEMES

Theme Studio

LAYOUT

NAVIGATION

INPUT CONTROLS

BUTTONS

CALENDARS

BUSINESS INTELLIGENCE

DATA SCIENCE

Predictive Analytics

MISCELLANEOUS

LISTS & DROPDOWN

NOTIFICATION

FILE VIEWERS & EDITORS

CONVERSATIONAL UI

AI AssistView PREVIEW

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion^® reduces customers’ development time.
Here are some of their experiences.

Excellent experience with Syncfusion!

Syncfusion is a product that makes life easier! I use it to create Blazor applications (server side and webassembly) and the controls speed up development a lot. Furthermore, if needed, it is possible to ask for direct support that is never long in coming!

Andrea Scarpante,

Sydea srl

The complete component set

It is the most complete component set available. Also very handy is the fact that there is a community edition, this gives me the opportunity to test thing at home without buying a separate license.

Johan Visser,

H and T Pawnbrokers

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Explore Case Studies

Industry

Software development

75%Cost reduction

50%Faster development

“If somebody is looking for a great tool to work with? Yes. I would definitely recommend Syncfusion for anyone who is trying to develop something meaningful.”

- Somnath Maji (Founder of Igniatek Consultancy)

Read Story