text: /** 
   * # ImageAspectRatio SVG Icon. 
   * @property {node} children -  Elements passed into the SVG Icon.
   * @property {string} color - This is the fill color of the svg icon.
   * If not specified, this component will default to muiTheme.palette.textColor.
   * @property {string} hoverColor - This is the icon color when the mouse hovers over the icon.
   * @property {object} style	- Override the inline-styles of the root element.
   * @property {string} viewBox  - Allows you to redefine what the coordinates
   * without units mean inside an svg element. For example,
   * if the SVG element is 500 (width) by 200 (height),
   * and you pass viewBox="0 0 50 20", this means that the coordinates inside
   * the svg will go from the top left corner (0,0) to bottom right (50,20)
   * and each unit will be worth 10px. 
   * @example 
   * <svg width="24" height="24" ><path d="M16 10h-2v2h2v-2zm0 4h-2v2h2v-2zm-8-4H6v2h2v-2zm4 0h-2v2h2v-2zm8-6H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12z"/></svg> 
   */
  import React from 'react';
  import pure from 'recompose/pure';
  import SvgIcon from '../../SvgIcon';
  
  let ImageImageAspectRatio = (props) => (
    <SvgIcon {...props}>
      <path d="M16 10h-2v2h2v-2zm0 4h-2v2h2v-2zm-8-4H6v2h2v-2zm4 0h-2v2h2v-2zm8-6H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12z"/>
    </SvgIcon>
  );
  ImageImageAspectRatio = pure(ImageImageAspectRatio);
  ImageImageAspectRatio.displayName = 'ImageImageAspectRatio';
  ImageImageAspectRatio.muiName = 'SvgIcon';
  
  export default ImageImageAspectRatio;
  