Components

Avatar

View on GitHub

Avatars are how we visually represent our users.

Appearance

The leaf

is used when the avatar will represent a user working within Sprout.

The circle

is used when the avatar will represent a user on social.

Common sizing

Sizes of avatars vary widely across the app. However, here are some known sizes and their usage.

Size	Use
20px	Commonly used as the avatar size in the compact message . However, is seen across multiple densities.
32px	Commonly used in small message .
40px	The default size, used in the large message density.