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='M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4zm-2.72 13.95h-1.9v-1.9h1.9v1.9zm1.35-5.26s-.38.42-.67.71c-.48.48-.83 1.15-.83 1.6h-1.6c0-.83.46-1.52.93-2l.93-.94c.27-.27.44-.65.44-1.06 0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5H9c0-1.66 1.34-3 3-3s3 1.34 3 3c0 .66-.27 1.26-.7 1.69z' />
    </svg>
  )
  
  const BatteryUnknownIcon = styled(Icon)([], space, color)
  
  BatteryUnknownIcon.displayName = 'BatteryUnknownIcon'
  
  BatteryUnknownIcon.defaultProps = {
    size: 24
  }
  
  export default BatteryUnknownIcon