<div class="fa-4x">
  <span class="fa-layers fa-fw bgc">
    <i class="fas fa-certificate"></i>
    <span class="fa-layers-text fa-inverse" data-fa-transform="shrink-11.5 rotate--30" style="font-weight:900">NEW</span>
  </span>

  <span class="fa-layers fa-fw bgc">
    <i class="fas fa-envelope"></i>
    <span class="fa-layers-counter">1,419</span>
  </span>
  
  <span class="fa-layers fa-fw bgc">
    <i class="fas fa-envelope"></i>
    <span class="fa-layers-counter fa-layers-bottom-left">1,419</span>
  </span>
</div>
h3 {
  border-bottom: 1px solid #000;
}
.bgc {
  background-color: MistyRose;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://use.fontawesome.com/releases/v5.0.6/js/all.js