title: How can I show only outline for a Font Awesome icon?
body: <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>