JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://jamfactory.co.za/font/style.css">
<script src="http://jamfactory.co.za/font/selectivizr-min.js"></script>
<div class="icon-earth"></div>

CSS

.icon-earth{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-earth:after {
	content: "\e006";
	color:#F33;
	font-size:6em;
	
}
.icon-earth:before {
	content: "\e007";
	color:#0C0;
	font-size:6em;
	letter-spacing:-1em;
}