import * as React from 'react';

const DefaultStyles = {
  width: '1em',
  height: '1em',
  verticalAlign: 'middle',
  fill: 'currentColor',
  overflow: 'hidden'
};

export default function CDPTabOrderWithColor(props = {}) {
  const styles = Object.assign({}, DefaultStyles, props.style);

  return (
    
<svg {...props} style={styles} viewBox="0 0 1024 1024">
  <defs>
    
  </defs>
  <path d="M864 32a64 64 0 0 1 64 64v832a64 64 0 0 1-64 64H160a64 64 0 0 1-64-64V96a64 64 0 0 1 64-64h704z m-8 72H168v816h688V104z" fill="currentcolor"></path>
  <path d="M696 32a32 32 0 0 1 32 32v152a32 32 0 0 1-32 32H328a32 32 0 0 1-32-32V64a32 32 0 0 1 32-32h368z" fill="currentcolor"></path>
  <path d="M656 104H368v72h288z" fill="#ffffff" opacity="0.5"></path>
  <path d="M240 376m36 0l472 0q36 0 36 36l0 0q0 36-36 36l-472 0q-36 0-36-36l0 0q0-36 36-36Z" fill="currentcolor"></path>
  <path d="M240 560m36 0l472 0q36 0 36 36l0 0q0 36-36 36l-472 0q-36 0-36-36l0 0q0-36 36-36Z" fill="currentcolor"></path>
  <path d="M240 744m36 0l472 0q36 0 36 36l0 0q0 36-36 36l-472 0q-36 0-36-36l0 0q0-36 36-36Z" fill="currentcolor"></path>
</svg>

  );
}