import * as React from 'react';

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

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

  return (
    
<svg {...props} style={styles} viewBox="0 0 1024 1024">
  <defs>
    
  </defs>
  <path d="M198.752 40h635c87.68 0 158.752 71.072 158.752 158.752v635c0 87.68-71.08 158.752-158.752 158.752H198.752C111.072 992.504 40 921.416 40 833.752V198.752C40 111.072 111.072 40 198.752 40z" fill="currentcolor" opacity=".2"></path>
  <path d="M182.24 787.432V178.944l234.544 88.944 199.192-76.544 233.456 87.88v612.04l-235.76-90.048-196.76 77.664-234.664-91.448z m596.464-459.296l-162.416-61.192-199.304 76.64-164.016-62.2v457.752l163.816 63.792 196.52-77.584 165.4 63.208V328.136z" fill="currentcolor" opacity="0.5"></path>
  <path d="M604.128 229.112h72v534.144h-72V229.112zM407.52 305.736h72v535.2h-72v-535.2z" fill="currentcolor" opacity="0.5"></path>
  <path d="M252.968 281.384l154.56 57.44v464.104l-154.56-63.792zM604.128 271.92L479.52 318.92V778l124.6-48.896zM676.128 289.576l102.576 38.56v460.416l-102.576-38.24z" fill="#FFFFFF"></path>
  <path d="M582.184 136C503.76 136 440 199.672 440 277.936c0 29.048 8.752 57.016 25.12 80.544 0.816 1.408 1.648 2.768 2.624 4.096l103.776 136.56a14.24 14.24 0 0 0 10.664 4.864c4 0 7.808-1.744 11.112-5.44l103.296-136c1.016-1.36 1.888-2.84 2.36-3.704a140.968 140.968 0 0 0 25.408-80.92C724.36 199.672 660.576 136 582.184 136z" fill="currentcolor"></path>
  <path d="M582.184 328.688a50.816 50.816 0 0 1-50.8-50.704 50.8 50.8 0 0 1 101.576 0 50.816 50.816 0 0 1-50.776 50.688v0.016z" fill="#FFFFFF"></path>
</svg>

  );
}