import * as React from 'react';

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

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

  return (
    <svg {...props} style={styles} viewBox="0 0 1024 1024"><defs></defs><path d="M872 940H152a68 68 0 0 1-68-68V152a68 68 0 0 1 68-68h720a68 68 0 0 1 68 68v720a68 68 0 0 1-68 68z m-4-72v-712h-712v712h712z" fill="#1EA084"></path><path d="M472.08 360.56v359.72a36.016 36.016 0 0 0 72.032 0V360.56h123.792a36.28 36.28 0 0 0 0-72.552H348.28a36.28 36.28 0 0 0 0 72.56h123.792z" fill="#1EA084"></path></svg>
  );
}