<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<link rel="stylesheet" type="text/css" href="//use.fontawesome.com/releases/v5.7.2/css/all.css">
<style>
ul li {
list-style-type: none;
display: inline-block;
margin-right: 20px;
}
.icon::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.facebook::before {
font-family: "Font Awesome 5 Brands";
font-weight: 900;
content: "\f082";
}
.twitter::before {
font-family: "Font Awesome 5 Brands";
content: "\f099";
}
</style>
</head>
<body>
<ul>
<li>
<span class="icon facebook"></span> Facebook
</li>
<li>
<span class="icon twitter"></span> Twitter