<img src="assets/img/avatars/avatar_05_sm.png" class="sc-avatar" alt="">
<img src="assets/img/avatars/avatar_05_md.png" class="sc-avatar" alt="">
<img src="assets/img/avatars/avatar_05_lg.png" class="sc-avatar" alt="">
<img src="assets/img/avatars/avatar_05.png" class="sc-avatar" alt="">

<div class="sc-avatar-wrapper sc-avatar-wrapper-sm">
	<span class="sc-user-status online"></span>
	<img src="assets/img/avatars/avatar_08_sm.png" class="sc-avatar" alt="">
</div>
<div class="sc-avatar-wrapper sc-avatar-wrapper-md">
	<span class="sc-user-status away"></span>
	<img src="assets/img/avatars/avatar_08_md.png" class="sc-avatar" alt="">
</div>
<div class="sc-avatar-wrapper">
	<span class="sc-user-status busy"></span>
	<img src="assets/img/avatars/avatar_08_lg.png" class="sc-avatar" alt="">
</div>

<span class="sc-avatar-initials md-bg-grey-100" title="">MR</span>
<span class="sc-avatar-initials md-bg-yellow-200" title="">LO</span>
<span class="sc-avatar-initials md-bg-red-500 md-color-white" title="">KT</span>
<span class="sc-avatar-initials md-bg-light-green-500 md-color-white" title="">GW</span>
<span class="sc-avatar-initials md-bg-light-blue-500 md-color-white" title="">SB</span>

<span class="sc-avatar-initials md-bg-blue-grey-100" title="">MR</span>
<span class="sc-avatar-initials md-bg-teal-600 md-color-white sc-avatar-initials-md" title="">LO</span>
<span class="sc-avatar-initials md-bg-purple-500 md-color-white sc-avatar-initials-lg" title="">KT</span>