BalanceReckon Design System
Feedback & indicatorsAvatar

Avatar

What each avatar variant is for and when to use it.

Avatars are used to show a thumbnail representation of an individual or business in the interface.

User Avatar

Avatars are used to represent people such as employees and users.

Prefer a token size where possible; every use of a custom size is a size the design system doesn't otherwise know about.

Entity Avatar

Use the EntityAvatar to identify legal entities like companies.

The entity avatar is very much like the user avatar, though it's a rounded-square shape to distinguish it.

Instance Avatar

Use the instance avatar to identify things, or groups of things, that are neither people nor legal entities. You might use an instance to highlight a payrun item or even a group of entities under a single icon.

Avatar Stack

Stack a group of related user avatars on top of one another.

On this page