import * as React from 'react';

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

export default function FxWithColor(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="#A02EB2"></path><path d="M452.768 725.152c-12.288 41.528-45.872 76.568-92.224 76.568h-0.064c-52.992 0-91.472-41.248-105.64-90.128a37.056 37.056 0 0 1 25.304-45.888c19.664-5.68 40.208 5.648 45.856 25.192 0.272 0.904 1.08 3.168 2.272 5.968 2 4.688 4.424 9.36 7.264 13.648 7.36 11.088 15.744 17.192 25.008 17.192 4.744 0 9.432-3.184 13.92-9.44 3.264-4.56 5.688-9.64 7.168-13.808l15.64-64.544c10.336-42.64 20.272-83.488 29.656-121.88l0.92-3.752c4.44-18.152 8.64-35.28 12.568-51.264h-59.88a37.024 37.024 0 1 1 0-74.048h78.208c7.536-30.056 12.68-49.872 14.824-56.992l2-6.8c10.72-36.688 18.544-57.936 32.112-80.272 20.32-33.464 47.016-52.864 81.44-52.864 55.8 0 88 47.064 92.008 99.24a37.04 37.04 0 0 1-73.848 5.84 65.624 65.624 0 0 0-4.464-18.112c-3.608-8.72-8.048-12.88-13.688-12.88-13.464 0-28.104 30.504-42.504 79.936l-2.112 7.04c-1.408 4.76-4.64 17.152-9.384 35.832H580.8a37.04 37.04 0 1 1 0 74.08h-64.096a60953.488 60953.488 0 0 0-63.92 262.136z m305.44-57.384c8.4 9.84 12.592 19.48 12.592 30.28 0 22.76-17.2 39.144-39.128 39.152-15.008 0-26.48-6.608-37.096-19.856l-32.352-42.544-32.576 42.832c-10.176 12.48-21.168 19.536-34.904 19.536-22.048 0-39.52-16.096-39.52-37.608 0-10.704 3.8-19.624 10.976-27.896l46.496-54.976-41.824-48.184c-8.384-9.872-12.536-19.472-12.536-30.288 0-22.776 17.216-39.16 39.152-39.16 14.984 0 26.4 6.6 37.12 19.92l28.888 38.552 29.808-38.928c10.224-12.48 21.16-19.512 34.888-19.512 22.072 0 39.52 16.096 39.52 37.616 0 10.368-3.72 18.848-11 27.952l-43.744 51.072 45.248 52.04z" fill="#A02EB2"></path></svg>
  );
}