We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Overview

The avatar is a pure CSS component used to add initials, icons, or images representing people or objects in different shapes and sizes. The avatar component can be easily integrated with components like list view, badge, cards, and other container components.


Images

The avatar supports images to represent profile images in any application, like Mail, Outlook, GitHub, StackOverflow, etc.


Initials

The avatar represents profile initials in different sizes.


Shapes and sizes

The avatar can be either square or circular with five different sizes: x-small, small, medium, large, and x-large. By default, the avatar is rendered in a square shape, medium size.


Media types

The avatar supports well-known media types, icons, SVG, font icons, and text.


Customization

As the avatar is implemented purely in CSS, we can completely customize the attribute dimensions and colors.


Integration

The avatar is an integral component that can be integrated with layout components, specifically list view and cards. It can be integrated with the badge component to represent a notification count like in mail applications.


50+ JAVASCRIPT CONTROLS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.