title: How can i add icon to React Link?
body: <p>I have a cart link in my html file and it shows &quot;cart&quot; as a sitring when i display it. I want to replace &quot;cart&quot; string with a font awesome icon but since i used React to implement the code i could not find how to do that.</p>
  <p>Here is my code:</p>
  <pre><code>&lt;Link to=&quot;/cart&quot;&gt;
   Cart
   {cartItems.length &gt; 0 &amp;&amp; (
    &lt;span className=&quot;badge&quot;&gt;{cartItems.length}&lt;/span&gt;
   )}
   &lt;/Link&gt;
  </code></pre>
  <p>and my cart curently displayed like that
  <a href="https://i.stack.imgur.com/NVWEf.png" rel="nofollow noreferrer">cart</a></p>