How to add badge on top of Font Awesome symbol?

Question

I would like to add badge with some number (5, 10, 100) on top of the Font Awesome symbol (fa-envelope). For example:

Answer 1

This seems to work, and it has a very minimal code to be added.

.badge{
  position: relative;
  margin-left: 60%;
  margin-top: -60%;
}

  
  
  17


  
  
  17


  
  
  17