JSFiddle - React, Tailwind, and code Playground

by cj1406942109

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>

  <body>
    <div class="ele">hello</div>
  </body>

</html>

CSS

/* first import the icon from a suitable site */
@import url(https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css);

.ele {
  width: 100px;
  height: 100px;
  background: #eee;
}

.ele::after {
  content: '\f001';
  font-family: 'FontAwesome';
  color: red;
}