Examples
Profile untuk pengguna, tersedia dalam bentuk foto pengguna, icon atau inisial nama.
<div class="avatar-profile avatar-profile_md">
<img src="/assets/images/example-profile.jpg" />
</div>
<div class="avatar-profile avatar-profile_md">
<span class="icon icon-user"></span>
</div>
<div class="avatar-profile avatar-profile_md" data-name="Mayang Larasati">
</div>
Sizes
Profile image pengguna dengan berbagai ukuran.
<div class="avatar avatar_xs">
<img src="/assets/images/example-profile.jpg" />
</div>
<div class="avatar avatar_sm">
<img src="/assets/images/example-profile.jpg" />
</div>
<div class="avatar avatar_md">
<img src="/assets/images/example-profile.jpg" />
</div>
<div class="avatar avatar_lg">
<img src="/assets/images/example-profile.jpg" />
</div>
<div class="avatar avatar_xl">
<img src="/assets/images/example-profile.jpg" />
</div>
<div class="avatar avatar_2xl">
<img src="/assets/images/example-profile.jpg" />
</div>
Profile with brand or company icon
Profile image pengguna dengan berbagai ukuran.
<div class="avatar avatar_2xl">
<img src="/assets/images/example-profile.jpg" />
<div class="avatar__status-icon">
<img src="/assets/images/logo-mini.jpg" />
</div>
</div>
<div class="avatar avatar_2xl">
<span class="icon icon-user"></span>
<div class="avatar__status-icon">
<img src="/assets/images/logo-mini.jpg" />
</div>
</div>