Thinkbit

Avatar Component Examples

Basic Avatars

JD
AB

Size Variants

XS
Extra Small
SM
Small
MD
Medium
LG
Large
XL
Extra Large

Avatars with Status

JD
SM
AM

Avatars with Content

JD
John DoeSoftware Engineer
SM
Sarah MillerProduct Designer
SM
Sarah MillerProduct Designer
AJ
Alex JohnsonMarketing Manager

Avatars with Status and Content

JD
John DoeOnline
SM
Sarah MillerAvailable

Fallback Examples

AB
CD
EF

Different Avatar Styles

JD
SM
AJ

Real-world Examples

User List

JD

John Doe

Software Engineer

Online
SM

Sarah Miller

Product Designer

Offline
AJ

Alex Johnson

Marketing Manager

Online

Team Members

JD
SM
AJ
+5

Profile Section

JD
John Doe

Software Engineer

Online