Скрин
В адаптированном варианте.
Вставляем вместо стандартного вывода
echo '<div class="lemon">'.mb_substr($user['name'], 0, 1, 'UTF-8').'</div>';
В стили
.lemon {
width: 20px;
height: 20px;
background: #F5F240;
border: 1px solid #F0D900;
border-radius: 1px 15px 3px 15px;
margin: 6px;
color: green;
text-align: center;
font-weight приятная замена надоевшему немного (по крайней мере мне) значку когда нет аватара.
вместо стандартного вывода вставляем
<photo>'.mb_substr($user['name'], 0, 1, 'UTF-8').'</photo>photo
{
background: #16a085;
border-radius: 50