title: Angular 9 + FontAwesome 0.6: "Error NG8001: 'fa-icon' is not a known element"
body: <p>I'm facing a problem trying <strong>to use fontawesome icons</strong>. I'd already installed FontAwesome with command line into my project:</p>
  
  <pre><code>ng add @fortawesome/angular-fontawesome@latest
  </code></pre>
  
  <p>I have a submodule and I want to use "fas"->"images" icon just inside it. So, I'd created my submodule:</p>
  
  <pre><code>import { PhotoListComponent } from './photo-list.component';
  import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
  import { library } from '@fortawesome/fontawesome-svg-core';
  import { fas } from '@fortawesome/free-solid-svg-icons';
  
  @NgModule({
    declarations: [
      PhotoListComponent
    ],
    imports: [
      CommonModule,
      FontAwesomeModule
    ]
  })
  export class PhotoListModule {
    constructor() {
      library.add(fas);
    }
  }
  </code></pre>
  
  <p>I have a component in this submodule (photo-list.component.ts and photo-list.component.html). In its HTML file I just put this line to show icon in my title:</p>
  
  <pre><code>&lt;h1&gt;&lt;fa-icon [icon]="['fas','images']"&gt;&lt;/fa-icon&gt; Images&lt;/h1&gt;
  </code></pre>
  
  <p>When I run my angular project and open this module, the following error occurs (and icon does note display): <em>Error NG8001: 'fa-icon' is not a known element</em></p>
  
  <p><strong><em>Why doesn't it work?</em></strong></p>