title: How to change icon size?
body: <p>I'm using primereact and according to <a href="https://www.primefaces.org/showcase/ui/misc/primeicons.xhtml" rel="nofollow noreferrer">there website this is how they change there icon size.</a></p>
  
  <p>However this doesn't work in jsx as it won't let you directly reference style without it being an object. </p>
  
  <p><strong>Are there any workarounds to this?</strong></p>
  
  <p><strong>EDIT: Code for Button where icon is nested in below:</strong></p>
  
  <pre><code>&lt;Button 
    label="" 
    icon="pi pi-cog"   
    className="cogIcon"  
    onClick={(e) =&gt; this.setState({visibleRight:true})} 
    style={{marginTop:'.25em', marginRight:'.25em'} } 
  /&gt; 
  </code></pre>