title: Prevent svg translation of fontawesome
body: <p>I have en issue with angular and font awesome. On first generation of list of icons suddenly all css class based icons are translated to svg. It affects only solid icons. for example :</p>
  
  <pre><code>&lt;i class="fas fa-2x fa-minus-square"&gt;&lt;/i&gt;
  </code></pre>
  
  <p>is translated somehow to </p>
  
  <pre><code>&lt;svg _ngcontent-c16="" class="svg-inline--fa fa-minus-square fa-w-14 fa-2x"
   ng-reflect-ng-class="fas fa-2x fa-minus-square" aria-hidden="true" data-prefix="fas" data-icon="minus-square"
   role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""&gt;
      &lt;path fill="currentColor"
        d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM92 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H92z"&gt;
      &lt;/path&gt;
  &lt;/svg&gt;
  &lt;!-- &lt;i _ngcontent-c16="" class="fas fa-2x fa-minus-square" ng-reflect-ng-class="fas fa-2x fa-minus-square"&gt;&lt;/i&gt; --&gt;
  </code></pre>
  
  <p>Is there any option which can prevent this situation? Force somehow translation?</p>
  
  <p>It can be problematic. For example I cannot use solid icons :( </p>