JSFiddle - React, Tailwind, and code Playground

by elcarim

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
<ul>
<li class="facebook">123 Drive.</li>
<li><i class="fab fa-twitter-square"></i> Twitter</li>
<li class=tw>Twitter2</li>
</ul>

CSS

body {
  font-family: arial;
  font-size: 1.5rem;
}
li.facebook:before {
	content: "\f10e";
	font-family: "Font Awesome 5 free";
}
li.tw:before {
	content: "\f164";
	font-family: "Font Awesome 5 free";
}
li {
  list-style:none;
}