<div class="fa-3x">
  <span class="arrow">link</span><br>
  <span class="arrowRegular">link</span><br>
  <span class="fb">Facebook</span><br>
</div>
.arrow:before {
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f35a";
  margin-right: 10px;
}
.arrowRegular:before {
	font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f35a";
  margin-right: 10px;
}
.fb:before {
	font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f09a";
  margin-right: 10px;
}

External CSS

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

External JavaScript

This Pen doesn't use any external JavaScript resources.