FontAwesome CSS Only Stacked Icons

by Alen Subasic

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<span class="fa fa-twitter-stacked fa-5x"></span>

CSS

body {
  font-size: 72px;
}

span {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-twitter-stacked::after {
  content: "\f096";
  font-size: 2em;
  position: absolute;
  left: 0;
  top: 0.2em;
}

.fa-twitter-stacked::before {
  content: "\f099";
  position: absolute;
  left: 0.575em;
  top: 0.325em;
}