import * as React from 'react';

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

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

  return (
    <svg {...props} style={styles} viewBox="0 0 1024 1024"><defs></defs><path d="M213.336 64h597.328C893.144 64 960 130.856 960 213.336v597.328c0 82.48-66.856 149.336-149.336 149.336H213.336C130.856 960 64 893.144 64 810.664V213.336C64 130.856 130.856 64 213.336 64z" fill="#46A6FF"></path><path d="M396 280v40a12 12 0 0 0 12 12h208a12 12 0 0 0 12-12v-40H696a32 32 0 0 1 32 32v400a32 32 0 0 1-32 32H328a32 32 0 0 1-32-32V312a32 32 0 0 1 32-32h68zM576 496a64 64 0 1 0 30.288 120.4l2.224-1.264 44.176 44.176 1.016 0.936a16 16 0 0 0 22.544-22.544l-0.936-1.016-44.176-44.176A64 64 0 0 0 576 496zM472 604H384l-1.2 0.04-1.224 0.144a16 16 0 0 0 0 31.632l1.232 0.144 1.192 0.04h88l1.2-0.04 1.224-0.144a16 16 0 0 0-1.232-31.776L472 604zM576 528a32 32 0 1 1 0 64 32 32 0 0 1 0-64z m-104-24H384l-1.2 0.04-1.224 0.144a16 16 0 0 0 0 31.632l1.232 0.144L384 536h88l1.2-0.04 1.224-0.144a16 16 0 0 0-1.232-31.776L472 504z m120-96H384l-1.2 0.04-1.224 0.144a16 16 0 0 0 0 31.632l1.232 0.144L384 440h208l1.2-0.04 1.224-0.144a16 16 0 0 0-1.232-31.776L592 408z m4-164a8 8 0 0 1 8 8v56h-184v-56a8 8 0 0 1 8-8h168z" fill="#FFFFFF"></path></svg>
  );
}