title: Material UI - Align icon to center with the Typography text
body: <p>How do I align icon to the same level as the text. As of now, I see the icon is at little top to the text. I tried to use <code>padding-top: 5px</code> and also <code>margin-top: 5px</code> but that does not seem to work as expected.</p>
  <pre><code>  &lt;Box&gt;
      &lt;Typography variant=&quot;h2&quot;&gt;
        Photography &lt;FaCamera /&gt;
      &lt;/Typography&gt;
    &lt;/Box&gt;
  </code></pre>
  <p>I created a working example using <a href="https://stackblitz.com/edit/icon-postion-with-text?file=src/App.js" rel="nofollow noreferrer">Stackblitz</a>. Could anyone please help?</p>