title: why some of the font-awesome icons does not show
body: <p>I am using font-awesome with Angular 5 for my UI. Since I am using <code>sass</code>, I added the following line in <code>.angular-cli.json</code> after installing <code>font-awesome</code></p>
  <pre><code>&quot;styles&quot;: [
          &quot;../node_modules/font-awesome/scss/font-awesome.scss&quot;,
          &quot;../node_modules/bootstrap/scss/bootstrap.scss&quot;,
          &quot;styles.scss&quot;
        ],
  </code></pre>
  <p>Some of the icons works such as</p>
  <pre><code>&lt;i class=&quot;fa fa-money blue-text&quot;&gt;&lt;/i&gt;
  &lt;i class=&quot;fa fa-code blue-text&quot;&gt;&lt;/i&gt;
  </code></pre>
  <p>However a lot more does not. For example, I wanted to use this <a href="https://fontawesome.com/icons/chart-bar?style=solid" rel="noreferrer">bar chart icon</a> with <code>fas fa-chart-bar</code>, but it does not show anything. Things like <code>fas fa-camera-retro</code> only shows as a weird square instead of the actual icon.</p>
  <p>Why some of the icons don't work? Is there way to check if these css classes exist in the font-awesome package I installed?</p>
  <h2>EDIT</h2>
  <p>Just searched <code>bar</code> chart in <code>node_modules\font-awesome\css\font-awesome.css</code> and only <code>fa-bar-chart</code> exists, not <code>fa-chart-bar</code>. I have the latest font-awesome when I had it installed (4.7.0). Why does their website says <code>fa-chart-bar</code>. Just got it to work with <code>fa fa-bar-chart</code>. Why it is <code>fa</code> and not <code>fas</code> is beyond me</p>