text: /** 
   * # Image 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="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg> 
   */
  import React from 'react';
  import pure from 'recompose/pure';
  import SvgIcon from '../../SvgIcon';
  
  let ImageImage = (props) => (
    <SvgIcon {...props}>
      <path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/>
    </SvgIcon>
  );
  ImageImage = pure(ImageImage);
  ImageImage.displayName = 'ImageImage';
  ImageImage.muiName = 'SvgIcon';
  
  export default ImageImage;
  