title: Font Awesome in React app Svg translation
body: <p>In react app i have working font awesome icons. For some reason font-awesome started to translate icons to svg. I am using css aproach.</p>
  <p><a href="https://i.stack.imgur.com/Q1tPI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q1tPI.png" alt="svg translation" /></a></p>
  <p>But fontawesome translates all icons that I have into svg as can be seen in screenshot above. I want to turn it off somehow.</p>
  <p>I have gone through docs and found there is config to use.
  <a href="https://fontawesome.com/how-to-use/javascript-api/setup/configuration" rel="nofollow noreferrer">https://fontawesome.com/how-to-use/javascript-api/setup/configuration</a></p>
  <p>Can  it can be turned off (with config) in main app launcher like this?</p>
  <pre><code>import fontawesome from '@fortawesome/fontawesome'
  
  const App = () =&gt; {
  
  fontawesome.config = { autoReplaceSvg: false }
  ...
  return (
  &lt;&gt;
   &lt;ThemeProvider theme={Theme}&gt;
  ....
  &lt;/ThemeProvider&gt;
  &lt;/&gt;
  )
  ...
  </code></pre>