Font Awesome Stacked Icons

https://github.com/FortAwesome/Font-Awesome/issues/8071#issuecomment-161736556

by Juan Muñoz

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

<span class="icon fa-stack fa-2x">
  <i class="fa fa-circle fa-stack-2x red"></i>
  <i class="fa fa-stack-1x text">&#x2715;</i>
</span>

CSS

.red {
  color: white;
  font-size:12px !important;
}
.text{
  font-family: "Helvetica";
  font-weight: bold;
}
.icon {
  position: absolute;
  left: 0;
  width: 100%;
  font-weight:100;
  border:1px solid red;
  border-radius:50%;
  width:55px;
  height:50px;
}