title: font awesome icon loading "shifted" on an angle
body: <p>Anybody had this problem? For unknown to me reason icons appear "on angle". </p>
  
  <pre><code>&lt;i class="fas fa-plane"&gt;&lt;/i&gt;
  
  i.fas.fa-plane {
  font-family: 'FontAwesome';
  font-size: 4rem;
  }
  </code></pre>
  
  <p>Tried to use <code>Power Transforms</code> , they don`t work. </p>
  
  <p><strong>This is how the icon is suppose to be positioned:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/FecSE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FecSE.jpg" alt="enter image description here"></a></p>
  
  <p><strong>This how it loads like :</strong></p>
  
  <p><a href="https://i.stack.imgur.com/maNiy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/maNiy.png" alt="enter image description here"></a></p>