import * as React from 'react';

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

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

  return (
    <svg {...props} style={styles} viewBox="0 0 1024 1024"><path d="M512 32c265.096 0 480 214.904 480 480s-214.904 480-480 480S32 777.096 32 512 246.904 32 512 32z m-4.296 248c-12.584 0-23.456 7.016-28.032 17.808H443.04c-16.024 0-29.76 10.8-33.192 24.824H337.2c-18.88 0-33.192 14.568-33.192 32.376v348.616C304 721.432 318.88 736 337.192 736h339.888c18.88 0 34.904-14.568 34.904-32.376V355.008c0.576-17.808-15.448-32.376-34.328-32.376h-72.672c-3.44-14.032-17.168-24.824-33.192-24.824h-36.048C531.168 287.008 520.296 280 507.704 280z m92.704 303.824c6.864 0 12.584 5.392 12.584 11.872v10.792c0 6.48-5.72 11.872-12.584 11.872H416.152c-6.864 0-12.584-5.4-12.584-11.872v-10.8c0-6.472 5.72-11.864 12.584-11.864h184.256z m0-109.552c6.864 0 12.584 5.4 12.584 11.872v10.8c0 6.472-5.72 11.864-12.584 11.864H416.152c-6.864 0-12.584-5.392-12.584-11.872v-10.792c0-6.48 5.72-11.872 12.584-11.872h184.256zM508.28 338.28c15.448 0 27.464 11.872 27.464 25.904 0 14.568-12.584 25.904-27.464 25.904-15.448 0-27.464-11.872-27.464-25.904s12.016-25.904 27.464-25.904z"></path></svg>
  );
}