Avatar

<div class="avatar">
<!-- Avatar image -->
<img class="avatar__image" src="..." />
</div>
.avatar {
/* Rounded border */
border-radius: 50%;
height: 64px;
width: 64px;
}
.avatar__image {
/* Rounded border */
border-radius: 50%;
/* Take full size */
height: 100%;
width: 100%;
}

See also

1
2
3

Avatar list

PN

Initial avatar

Presence indicator