text: /** 
   * # OfflinePin 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="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm5 16H7v-2h10v2zm-6.7-4L7 10.7l1.4-1.4 1.9 1.9 5.3-5.3L17 7.3 10.3 14z"/></svg> 
   */
  import React from 'react';
  import pure from 'recompose/pure';
  import SvgIcon from '../../SvgIcon';
  
  let ActionOfflinePin = (props) => (
    <SvgIcon {...props}>
      <path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm5 16H7v-2h10v2zm-6.7-4L7 10.7l1.4-1.4 1.9 1.9 5.3-5.3L17 7.3 10.3 14z"/>
    </SvgIcon>
  );
  ActionOfflinePin = pure(ActionOfflinePin);
  ActionOfflinePin.displayName = 'ActionOfflinePin';
  ActionOfflinePin.muiName = 'SvgIcon';
  
  export default ActionOfflinePin;
  