title: FontAwesome Icons in Angular 6?
body: <p>I'm trying to use icons from FontAwesome in an Angular project.<br>
  I started with the "Getting Started" guide you can find here: <a href="https://fontawesome.com/how-to-use/on-the-web/using-with/angular" rel="noreferrer">FontAwesome Angular Getting Started</a></p>
  
  <p>Everything works fine, i can see the faCoffee icon wherever i put it in my templates. But if I try to change it to another icon (ex. the "check" icon), nothing is shown.</p>
  
  <p>I changed my icon declaration at component-level to make it look like this:</p>
  
  <pre><code>import { faCheck } from '@fortawesome/free-solid-svg-icons';
  </code></pre>
  
  <p>Changed the html template to show my new icon:</p>
  
  <pre><code>&lt;fa-icon [icon]="faCheck"&gt;&lt;/fa-icon&gt;
  </code></pre>
  
  <p>Then the icon field assignment in my component:</p>
  
  <pre><code>faCheck = faCheck;
  </code></pre>
  
  <p>Please note that i'm changing essentially only the name of the icon from the examples that i tested and are working at the Url i posted above. Even if I go to the definition of "faCheck" on my declaration, i see that it's defined so I expect it to be available.</p>
  
  <p>Chrome console shows this error when page is loading:</p>
  
  <blockquote>
    <p>FontAwesome: Could not find icon. It looks like you've provided a null or undefined icon object to this component.</p>
  </blockquote>
  
  <p>First attempt to use FontAwesome in my projects, useful general informations are welcome.</p>
  
  <p><strong>UPDATE:</strong> Got it working rebuilding my entire application. I was using VS Code, so when you save a file he tries to recreate the final bundle to let you navigate and check your development. I don't know what really happens with components in-memory state. I think the icon was not showing because of some misalignment of references.</p>