text: import React, { forwardRef, Fragment } from 'react'
  import IconBase from '../primitives/IconBase'
  
  const renderPath = {}
  
  renderPath['outline'] = (color) => (
    <Fragment>
      <path
        fill='none'
        d='M16.67,8.67v8A1.34,1.34,0,0,1,15.33,18H8.67a1.34,1.34,0,0,1-1.34-1.33v-8A1.34,1.34,0,0,1,8.67,7.33H10a1.34,1.34,0,0,0,1.33,1.34h1.34A1.33,1.33,0,0,0,14,7.33h1.33A1.34,1.34,0,0,1,16.67,8.67Z'
      />
      <path
        fill='none'
        d='M14,7.33a1.33,1.33,0,0,1-1.33,1.34H11.33a1.34,1.34,0,0,1,0-2.67h1.34A1.34,1.34,0,0,1,14,7.33Z'
      />
      <path fill='none' d='M10.67,12l2.66,2.67m0-2.67-2.66,2.67' />
    </Fragment>
  )
  
  renderPath['fill'] = () => (
    <Fragment>
      <path
        stroke='none'
        d='M15.33,6.83h-.91A1.81,1.81,0,0,0,12.67,5.5H11.33A1.86,1.86,0,0,0,10,6a1.75,1.75,0,0,0-.45.79H8.67A1.85,1.85,0,0,0,6.83,8.67v8A1.84,1.84,0,0,0,8.67,18.5h6.66a1.84,1.84,0,0,0,1.84-1.83v-8A1.85,1.85,0,0,0,15.33,6.83Zm-4.59-.08a.83.83,0,0,1,.59-.25h1.34a.84.84,0,0,1,0,1.67H11.33a.84.84,0,0,1-.83-.84A.83.83,0,0,1,10.74,6.75Zm2.95,7.56a.51.51,0,0,1,0,.71.51.51,0,0,1-.36.15A.5.5,0,0,1,13,15l-1-1-1,1a.5.5,0,0,1-.71,0,.51.51,0,0,1,0-.71l1-1-1-1a.5.5,0,0,1,0-.7.5.5,0,0,1,.71,0l1,1,1-1a.5.5,0,0,1,.71,0,.5.5,0,0,1,0,.7l-1,1Z'
      />
    </Fragment>
  )
  
  renderPath['duotone'] = (color) => (
    <Fragment>
      <path
        fillOpacity='.2'
        d='M16.67,8.67v8A1.34,1.34,0,0,1,15.33,18H8.67a1.34,1.34,0,0,1-1.34-1.33v-8A1.34,1.34,0,0,1,8.67,7.33H10a1.34,1.34,0,0,0,1.33,1.34h1.34A1.33,1.33,0,0,0,14,7.33h1.33A1.34,1.34,0,0,1,16.67,8.67Z'
      />
      <path
        fill='none'
        d='M14,7.33a1.33,1.33,0,0,1-1.33,1.34H11.33a1.34,1.34,0,0,1,0-2.67h1.34A1.34,1.34,0,0,1,14,7.33Z'
      />
      <path fill='none' d='M10.67,12l2.66,2.67m0-2.67-2.66,2.67' />
    </Fragment>
  )
  
  renderPath['color'] = (color, secondaryColor) => (
    <Fragment>
      <path
        fill={secondaryColor}
        d='M16.67,8.67v8A1.34,1.34,0,0,1,15.33,18H8.67a1.34,1.34,0,0,1-1.34-1.33v-8A1.34,1.34,0,0,1,8.67,7.33H10a1.34,1.34,0,0,0,1.33,1.34h1.34A1.33,1.33,0,0,0,14,7.33h1.33A1.34,1.34,0,0,1,16.67,8.67Z'
      />
      <path
        fill='none'
        d='M14,7.33a1.33,1.33,0,0,1-1.33,1.34H11.33a1.34,1.34,0,0,1,0-2.67h1.34A1.34,1.34,0,0,1,14,7.33Z'
      />
      <path fill='none' d='M10.67,12l2.66,2.67m0-2.67-2.66,2.67' />
    </Fragment>
  )
  
  const ClipboardX = forwardRef((props, ref) => {
    return <IconBase ref={ref} {...props} renderPath={renderPath} />
  })
  
  export default ClipboardX
  