Avatar

The Avatar component is used to represent a user, which displays the profile image. An avatar may be circular or a squircle (square with rounded corners) , depending on its usage. The default is a circular avatar.

Imports

Circular Avatar

Use a circle for all people-oriented objects that could potentially render as avatars.

Squircle Avatar

Squircle is an addition to the basic circle-shaped avatar.

Avatar Sizes

The Avatar component comes in 3 sizes. They are available in small, medium, and large sizes.