title: Font Awesome 5 with Angular
body: <p>How do I use <a href="https://fontawesome.com/" rel="noreferrer">font-awesome <strong>5</strong></a> with Angular (2+)?</p>
  
  <p>I've tried adding this inside a component:</p>
  
  <pre class="lang-js prettyprint-override"><code>import {faChevronLeft, faChevronRight} from '@fortawesome/fontawesome-free-solid';
  import fontawesome from '@fortawesome/fontawesome';
  ...
  constructor(){
     fontawesome.library.add(faChevronLeft, faChevronRight);
  }
  </code></pre>
  
  <p>and then in HTML:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;span class="fa" [class.fa-chevron-left]="direction==='left'" [class.fa-chevron-right]="direction==='right'"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>But this gives me a blinking question mark in a circle.</p>