title: React material-ui: How to map over all Icons?
body: <p>I want to map over all <code>@material-ui/icons</code> in React.
  <br>
  <br></p>
  
  <p>I can import a single Icon like this </p>
  
  <pre><code>import IconName icons from '@material-ui/icons/IconName'
  </code></pre>
  
  <p>and display it</p>
  
  <pre><code>&lt;IconName /&gt;
  </code></pre>
  
  <p><br>
  <br>
  I want to import all available icons</p>
  
  <pre><code>import * as icons from '@material-ui/icons';
  </code></pre>
  
  <p>and display them all... something like </p>
  
  <pre><code>icons.map(Icon =&gt; &lt;Icon /&gt;)
  </code></pre>
  
  <p><br>
  <br>
  Any other way would do as well, I just don't want to store a static dictionary of all icon codes.</p>