import * as React from 'react';

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

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

  return (
    
<svg {...props} style={styles} viewBox="0 0 1024 1024">
  <defs>
    
  </defs>
  <path d="M480 160a64 64 0 0 1 64 64v192a64 64 0 0 1-64 64H288a64 64 0 0 1-64-64V224a64 64 0 0 1 64-64h192z" fill="currentcolor"></path>
  <path d="M472 232H296v176h176z" fill="#ffffff" opacity="0.5"></path>
  <path d="M608 160m36 0l120 0q36 0 36 36l0 0q0 36-36 36l-120 0q-36 0-36-36l0 0q0-36 36-36Z" fill="currentcolor"></path>
  <path d="M608 288m36 0l120 0q36 0 36 36l0 0q0 36-36 36l-120 0q-36 0-36-36l0 0q0-36 36-36Z" fill="currentcolor"></path>
  <path d="M608 408m36 0l120 0q36 0 36 36l0 0q0 36-36 36l-120 0q-36 0-36-36l0 0q0-36 36-36Z" fill="currentcolor"></path>
  <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="M224 592m36 0l504 0q36 0 36 36l0 0q0 36-36 36l-504 0q-36 0-36-36l0 0q0-36 36-36Z" fill="currentcolor"></path>
  <path d="M224 752m36 0l504 0q36 0 36 36l0 0q0 36-36 36l-504 0q-36 0-36-36l0 0q0-36 36-36Z" fill="currentcolor"></path>
</svg>

  );
}