title: How to use Typescript definitions imported as `* as`
body: <p>I am using <code>react-icons</code> and trying to import all icon definitions as <code>import * as Icons from 'react-icons/fi'</code> 
  The question is how can I create a type that should be one of the types exported from Icons</p>
  
  <p>e.g. I am trying to make props interface like this: </p>
  
  <pre><code>interface Props {
     icon: Icons // don't know what to do here
  }
  </code></pre>
  
  <p>This is how the <code>react-icons/fi/index.d.ts</code> file looks like: </p>
  
  <pre><code>export declare const FiActivity: IconType;
  export declare const FiAirplay: IconType;
  export declare const FiAlertCircle: IconType;
  export declare const FiAlertOctagon: IconType;
  export declare const FiAlertTriangle: IconType;
  export declare const FiAlignCenter: IconType;
  .....
  </code></pre>