title: How to add social media icons to a react component?
body: <p>I have created <strong>Card component</strong> using <strong>.jsx</strong> file and loaded in a <strong>.js</strong> file. And it is working. Here I want to know, <strong>how to add social media icons</strong> to the card?</p>
  
  <p>This is for a new React project, hope to run mongodb. I have tried using this</p>
  
  <pre><code>npm install -g bower
  bower install bootstrap-social.
  </code></pre>
  
  <p>But did not work.</p>
  
  <pre><code>const Card = props=&gt;{
      return(
  
        &lt;div className="card text-center shadow"&gt;
            &lt;div className="overflow"&gt;
                &lt;img src={props.imgsrc} alt='image 1' className="card-img-top" /&gt;
            &lt;/div&gt;
            &lt;div className="card-body text-dark"&gt;
                &lt;h4 className="card-title"&gt;{props.title} &lt;/h4&gt;
                &lt;p className="card-text text-secondary"&gt;
                    Lorem ipsum dolor sit amet consectetur, 
                &lt;/p&gt;
                **&lt;a href="#" className="btn btn-outline-success"&gt;Go Anywhere&lt;/a&gt;**
            &lt;/div&gt;
        &lt;/div&gt;  
      );
  
  };
  </code></pre>
  
  <p>I expected to change above "Go Anywhere" button to twitter button. And to put some other buttons like Facebook, Instagram and so on in the same row.</p>