text: import React from 'react'
  import styled from 'styled-components'
  import { space, color } from 'styled-system'
  
  const Icon = ({
    size,
    ...props
  }) => (
    <svg
      {...props}
      viewBox='0 0 24 24'
      width={size}
      height={size}
      fill='currentcolor'
    >
      <path d='M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z' />
    </svg>
  )
  
  const MapIcon = styled(Icon)([], space, color)
  
  MapIcon.displayName = 'MapIcon'
  
  MapIcon.defaultProps = {
    size: 24
  }
  
  export default MapIcon