title: Font Awesome 5 and Angular 5
body: <p>I was using font-awesome npm package (which is Font Awesome 4.7 version) but I want to upgrade to Font Awesome 5. I've install the following packages :</p>
  
  <pre><code>"@fortawesome/angular-fontawesome": "^0.1.1",
  "@fortawesome/fontawesome": "^1.1.8",
  "@fortawesome/fontawesome-free-brands": "^5.0.13",
  "@fortawesome/fontawesome-free-regular": "^5.0.13",
  "@fortawesome/fontawesome-free-solid": "^5.0.13",
  "@fortawesome/fontawesome-svg-core": "^1.2.0",
  "@fortawesome/free-solid-svg-icons": "^5.1.0",
  </code></pre>
  
  <p>I was using icons like this :</p>
  
  <pre><code>&lt;i class="fa fa-plus"&gt;&lt;/i&gt;
  </code></pre>
  
  <p>With the new version I tried to use icons like this :</p>
  
  <pre><code>&lt;i class="fas fa-sign-out-alt fa-2x"&gt;&lt;/i&gt;
  </code></pre>
  
  <p>But this is not working. I try to add icons like this :</p>
  
  <pre><code>import {faSignOutAlt} from '@fortawesome/fontawesome-free-solid';
  import fontawesome from '@fortawesome/fontawesome';
  fontawesome.library.add(faSignOutAlt);
  </code></pre>
  
  <p>in my app.module.ts and it is working, but I don't want to import each icon one by one. Is there a way to use them like I was doing with the previous version ? Eather a way to not import them one by one ?</p>
  
  <p>Thanks</p>