title: how to scale (large) font-awesome icons from the react-icons package
body: <p>I am using the marvelouse react-icons package (<a href="http://gorangajic.github.io/react-icons/fa.html" rel="noreferrer">http://gorangajic.github.io/react-icons/fa.html</a>), specifically the font awesome package.</p>
  
  <p>If this was not react, then <a href="http://fontawesome.io/examples/" rel="noreferrer">I would just add an attribute to the  tag</a>, such as:</p>
  
  <pre><code>&lt;i class="fa fa-camera-retro fa-5x"&gt;&lt;/i&gt; 
  </code></pre>
  
  <p>However, if I add the fa-5x to the FaFolderOpen tag, it does not do anything. As you can see, I am using react-bootstrap, and placing the icon a button (should it be a block)?</p>
  
  <p>I have to believe this has been asked before, but I did not find it via search.</p>
  
  <p>Here is what it looks like, and I want it larger:</p>
  
  <p><a href="https://i.stack.imgur.com/VVIJn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/VVIJn.png" alt="enter image description here"></a></p>
  
  <pre><code>const React = require('react')
  import { Form, FormControl, FormGroup, ControlLabel, Col, Button, Tooltip, OverlayTrigger } from 'react-bootstrap'
  import FaFolderOpen from 'react-icons/lib/fa/folder-open'
  import FaFileCodeO from 'react-icons/lib/fa/file-code-o'
  import FaFolderOpen from 'react-icons/lib/fa/folder-open'
  import FaFileCodeO from 'react-icons/lib/fa/file-code-o'
  
  &lt;Button type="button" bsStyle="success" block onClick={(e) =&gt; folderChooser(e)}&gt;
       &lt;FaFolderOpen /&gt;
  &lt;/Button&gt;
  </code></pre>