import * as React from 'react';

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

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

  return (
    <svg {...props} style={styles} viewBox="0 0 1024 1024"><defs></defs><path d="M512 56C260.128 56 56 260.128 56 512s204.128 456 456 456 456-204.128 456-456S763.872 56 512 56z" fill="#1DB395"></path><path d="M773.576 393.728l-294.976 294.88a41.24 41.24 0 0 1-50.144 6.416 37.136 37.136 0 0 1-8.192-6.416l-169.84-169.752a41.232 41.232 0 0 1 0-58.336 41.232 41.232 0 0 1 58.336 0l140.72 140.544 265.76-265.76a41.232 41.232 0 0 1 58.336 0 41.336 41.336 0 0 1 0 58.424z" fill="#FFFFFF"></path></svg>
  );
}