Avatar

The avatar component is typically used to display circular (or square) user profile pictures or capital letters.

Introduction

Avatar in their simplest form display content within a circular container.

Colors

You can apply different color styles on Avatar.

AH
BB
CP
SG
TH

Type

The avatar can carry different types of content such as an image, a string with initials, or an icon.

MR

Shapes

Nova has 3 types of avatar: Circle, Square and Rounded. By default, we use Circle type.

Sizes

The avatar comes in 5 different sizes: extra small, small, medium, large and extra-large.