Avatar

Avatar represents people using icons, labels and images.

Import #

import { AvatarModule } from 'primeng/avatar';
import { AvatarGroupModule } from 'primeng/avatargroup';

A letter Avatar is defined with the label property.

A font icon is displayed as an Avatar with the icon property.

Use the image property to display an image as an Avatar.

Grouping is available by wrapping multiple Avatar components inside an AvatarGroup.

size property defines the size of the Avatar with large and xlarge as possible values.

Avatar comes in two different styles specified with the shape property, square is the default and circle is the alternative.

A badge can be added to an Avatar with the Badge directive.