Components

Avatar

Avatars are how we visually represent our users.

Appearance

Sergio Castaneda

The leaf

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

Sergio Castaneda

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.

SizeUse
20pxCommonly used as the avatar size in the compact . However, is seen across multiple densities.
32pxCommonly used in small .
40pxThe default size, used in the large density.