Avatars

<div class="c-avatar c-avatar u-super">
  <img class="c-avatar__img" src="https://unsplash.it/200?image=1011">
</div>
<div class="c-avatar c-avatar u-xlarge">
  <img class="c-avatar__img" src="https://unsplash.it/200?image=1011">
</div>
<div class="c-avatar c-avatar u-large">
  <img class="c-avatar__img" src="https://unsplash.it/200?image=1011">
</div>
<div class="c-avatar">
  <img class="c-avatar__img" src="https://unsplash.it/200?image=1011">
</div>
<div class="c-avatar c-avatar u-small">
  <img class="c-avatar__img" src="https://unsplash.it/200?image=1011">
</div>
<div class="c-avatar c-avatar u-xsmall">
  <img class="c-avatar__img" src="https://unsplash.it/200?image=1011">
</div>

2 images

<div class="c-avatar c-avatar u-super">
  <img class="c-avatar__img" src="https://unsplash.it/200?image=1011">
</div>
<div class="c-avatar c-avatar u-xlarge">
  <img class="c-avatar__img" src="https://unsplash.it/200?image=1011">
  <img class="c-avatar__img" src="https://unsplash.it/200?random">
</div>
<div class="c-avatar c-avatar u-large">
  <img class="c-avatar__img" src="https://unsplash.it/200?image=1011">
  <img class="c-avatar__img" src="https://unsplash.it/200?random">
</div>
<div class="c-avatar">
  <img class="c-avatar__img" src="https://unsplash.it/200?image=1011">
  <img class="c-avatar__img" src="https://unsplash.it/200?random">
</div>
<div class="c-avatar c-avatar u-small">
  <img class="c-avatar__img" src="https://unsplash.it/200?image=1011">
  <img class="c-avatar__img" src="https://unsplash.it/200?random">
</div>
<div class="c-avatar c-avatar u-xsmall">
  <img class="c-avatar__img" src="https://unsplash.it/200?image=1011">
  <img class="c-avatar__img" src="https://unsplash.it/200?random">
</div>

Initials

<div class="c-avatar c-avatar u-super" data-text="GP"></div>
<div class="c-avatar c-avatar u-xlarge" data-text="GP"></div>
<div class="c-avatar c-avatar u-large" data-text="GP"></div>
<div class="c-avatar c-avatar u-medium" data-text="GP"></div>
<div class="c-avatar c-avatar u-small" data-text="GP"></div>
<div class="c-avatar c-avatar u-xsmall" data-text="GP"></div>