text: /** 
   * # ScreenShare 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="M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zm-7-3.53v-2.19c-2.78 0-4.61.85-6 2.72.56-2.67 2.11-5.33 6-5.87V7l4 3.73-4 3.74z"/></svg> 
   */
  import React from 'react';
  import pure from 'recompose/pure';
  import SvgIcon from '../../SvgIcon';
  
  let CommunicationScreenShare = (props) => (
    <SvgIcon {...props}>
      <path d="M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zm-7-3.53v-2.19c-2.78 0-4.61.85-6 2.72.56-2.67 2.11-5.33 6-5.87V7l4 3.73-4 3.74z"/>
    </SvgIcon>
  );
  CommunicationScreenShare = pure(CommunicationScreenShare);
  CommunicationScreenShare.displayName = 'CommunicationScreenShare';
  CommunicationScreenShare.muiName = 'SvgIcon';
  
  export default CommunicationScreenShare;
  