<img class="avatar avatar--xl" src="https://i.pravatar.cc/300" alt="avatar" />

<img class="avatar avatar--lg" src="https://i.pravatar.cc/300" alt="avatar" />

<img class="avatar avatar--md" src="https://i.pravatar.cc/300" alt="avatar" />

<img class="avatar avatar--sm" src="https://i.pravatar.cc/300" alt="avatar" />

<img class="avatar avatar--xs" src="https://i.pravatar.cc/300" alt="avatar" />