JSFiddle - React, Tailwind, and code Playground

HTML

<script src="&lt;link href=&quot;//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css&quot; rel=&quot;stylesheet&quot;&gt;"></script>
<link rel="stylesheet" href="&quot;https://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap-combined.min.css">
   
    <link href="https://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
    <body>
        <div class="container"> <i class="icon-star-empty"> In IE10, text has a shadow but the icon doesn't</i> 
        </div>
    </body>

CSS

.icon-star-empty {
    -webkit-text-shadow: 1px 0px 3px rgb(159, 92, 74);
    text-shadow: 1px 0px 3px rgb(159, 92, 74);
    font-size: x-large;
    color: #ffe200;
}