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='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z' />
    </svg>
  )
  
  const PersonIcon = styled(Icon)([], space, color)
  
  PersonIcon.displayName = 'PersonIcon'
  
  PersonIcon.defaultProps = {
    size: 24
  }
  
  export default PersonIcon