How can I show only outline for a Font Awesome icon?
<p>I am working with the tag icon from FA <a href="http://fontawesome.io/icon/tag/" rel="noreferrer">http://fontawesome.io/icon/tag/</a> and what I wish to do is to display only the outline (red) of it and make the inside transparent. <code>fa-tag-o</code> does not work. I've also tried <code>fa-tag-empty</code> and CSS like </p>

<pre><code>.fa{
   color: transparent;
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: red;
 }
</code></pre>

<p>but nothing seems to work. Is there any possible way I can do this?</p>

<p>Thanks in advance</p>