title: FontAwesome why icons renders in SVG format?
body: <p>In my Angular5 project I use FontAwesome icons: static icon and spinner.
  I ran npm install font-awesome and version 4.7.0 was installed.</p>
  
  <pre><code>"dependencies": {
    ....
    "font-awesome": "4.7.0"
  }
  </code></pre>
  
  <p>in my app.component.html </p>
  
  <pre><code>&lt;div class="center"&gt;
    &lt;i class="fa fa-spinner fa-pulse fa-3x fa-fw"&gt;&lt;/i&gt;
    &lt;p&gt;Loading...&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But what I see in dev console in chrome: 
  <a href="https://i.stack.imgur.com/LVZW1.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LVZW1.jpg" alt="enter image description here"></a></p>
  
  <p>And spinner doesn't have correct pulse-like animation.</p>
  
  <p>If I use static font awesome icon, it also renders as SVG. Why? </p>