Avatars (Profil Resimleri)

Kullanıcı profil resimlerini göstermek için avatar bileşenleri

Temel Avatar'lar

Farklı boyutlarda avatar örnekleri

JD
XS (32px)
JD
SM (40px)
JD
MD (48px)
JD
LG (64px)
JD
XL (96px)
JD
2XL (128px)

Renkli Avatar'lar

Farklı renk seçenekleriyle avatar'lar

AB
CD
EF
GH
IJ
KL
MN
OP

Durum Göstergeli Avatar'lar

Online/offline/busy durumlarını gösteren avatar'lar

JD
Online
AB
Offline
CD
Away
EF
Busy

Kenarlıklı Avatar'lar

Border ve ring efektli avatar'lar

JD
AB
CD
EF

Avatar Grupları

Üst üste binmiş avatar gösterimleri

Küçük Grup
A
B
C
Orta Grup
A
B
C
D
E
Büyük Grup (+Sayı)
A
B
C
+12

Kare ve Yuvarlatılmış Avatar'lar

Farklı border-radius değerleriyle avatar'lar

JD
Square
AB
Rounded SM
CD
Rounded MD
EF
Rounded LG
GH
Rounded XL
IJ
Circle

İkon Avatar'lar

Harf yerine ikon içeren avatar'lar

👤
👨
👩
🧑
👶