Components
Avatar
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 . However, is seen across multiple densities. |
32px | Commonly used in small . |
40px | The default size, used in the large density. |