JSFiddle - React, Tailwind, and code Playground

by fuggfuggfugg

HTML

<i class="fa fa-question-circle"></i>

CSS

@font-face {
    font-family: FontAwesome;
    src: url(//d26lsiihbx01xc.cloudfront.net/assets/fontawesome-webfont-6131b37945125178a8c6c0dadffa1ba8.eot);
    src: url(//d26lsiihbx01xc.cloudfront.net/assets/fontawesome-webfont-6131b37945125178a8c6c0dadffa1ba8.eot?#iefix) format('embedded-opentype'),url(//d26lsiihbx01xc.cloudfront.net/assets/fontawesome-webfont-7d457b9777ebe151e5266cb0fc3650d3.woff2) format('woff2'),url(//d26lsiihbx01xc.cloudfront.net/assets/fontawesome-webfont-323255862f521a5e5596c0437c371bf3.woff) format('woff'),url(//d26lsiihbx01xc.cloudfront.net/assets/fontawesome-webfont-110545861a8be98722eb46c3ae8d9def.ttf) format('truetype'),url(//d26lsiihbx01xc.cloudfront.net/assets/fontawesome-webfont-dcca7547bedaaed81ad970c573518de0.svg#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}


@font-face {
    font-family: fontcustom;
    src: url(//d26lsiihbx01xc.cloudfront.net/assets/fontcustom-97b8b3a17d6fc6ee04fb4d93fbd509e6.eot);
    font-weight: 400;
    font-style: normal
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-tree:before {
    content: "\e00c";
}

.fa-question-circle:before {
  content: "\f059"
}