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(http://weloveiconfonts.com/api/?family=entypo);

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

.ele::after {
  content: '\1f4a1';
  font-family: 'entypo', sans-serif;
  color: red;
}