title: Using feather icons with Reactjs
body: <p>I am trying to use <a href="https://github.com/feathericons/feather#feather" rel="noreferrer">feather icons</a> within my react app. So far I have added the following to my index.html file</p>
  
  <pre><code>&lt;script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    feather.replace()
  &lt;/script&gt;
  </code></pre>
  
  <p>And then I included composed a button with a feather icon in one of my component files:</p>
  
  <pre><code>&lt;li className="nav-item"&gt;
     &lt;a className="nav-link" href="#"&gt;
         &lt;span data-feather="settings"&gt;&lt;/span&gt;
           Settings
     &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>But the icon still doesn't show up. I am new to React, was there something I did wrong with regard to importing feather icon into my component file?</p>