import * as React from 'react';

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

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

  return (
    <svg {...props} style={styles} viewBox="0 0 1024 1024"><defs></defs><path d="M128 60a36 36 0 0 1 35.96 34.304L164 96v11.992L632 108a52 52 0 0 1 51.968 50.136L684 160v123.992l211.16 0.008c28.72 0 51.84 22.96 52.808 51.328l0.032 1.864v412.52c0 28.584-22.504 52.16-50.976 53.152l-1.864 0.032h-446.32c-28.72 0-51.84-22.96-52.808-51.328l-0.032-1.856v-124h-232V928a36 36 0 0 1-71.96 1.696L92 928V96A36 36 0 0 1 128 60z m748 295.992h-192v217.72a52 52 0 0 1-50.136 51.968l-1.864 0.032H468v105.184h408V355.992z m-264-176h-448v373.72h448V179.992z"></path></svg>
  );
}