title: How can I dynamically load an icon using its snake_case name (React, material-ui)
body: <p>Normally I'd use material-ui icons by importing them directly <a href="https://material-ui.com/components/icons/" rel="noreferrer">per the material-ui instructions</a>.</p>
  
  <p>But I have a text tag, which is the actual icon name (like <code>calendar_view_day</code>) and need to get and render an icon component from it dynamically.</p>
  
  <p>How can I something like:</p>
  
  <pre><code>render() {
    return (
      &lt;Icon name="calendar_view_day" color="primary" /&gt;
    )
  }
  </code></pre>
  
  <p>Instead of:</p>
  
  <pre><code>render() {
    return (
      &lt;CalendarViewDay color="primary" /&gt;  // Imported by name
    )
  }
  </code></pre>