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 8V4l8 8-8 8v-4H4V8z' />
    </svg>
  )
  
  const ForwardIcon = styled(Icon)([], space, color)
  
  ForwardIcon.displayName = 'ForwardIcon'
  
  ForwardIcon.defaultProps = {
    size: 24
  }
  
  export default ForwardIcon