import * as React from 'react';

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

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

  return (
    <svg {...props} style={styles} viewBox="0 0 1024 1024"><defs></defs><path d="M512 512m-448 0a448 448 0 1 0 896 0 448 448 0 1 0-896 0Z" fill="#4CBF00"></path><path d="M620.752 284.08c74.4 0 134.92 55 134.92 123.008 0 21.136-6.208 41.816-17.416 60.456-16.96 27.224-44.104 47.384-76.936 56.984-6.96 2.176-14.2 3.36-21.496 3.496a25.12 25.12 0 0 1-25.584-25.184c0-14.16 11.264-25.16 25.584-25.16 1 0 3.104 0 5.664-0.968 22.048-6.096 39.464-18.64 49.216-35.328 6.64-10.544 9.744-22.24 9.744-34.296 0-39.896-37.464-72.576-83.144-72.576-15.76 0.024-31.256 4-45.072 11.568-24.184 13.584-38.496 36.24-38.496 61.008V618.32c0 42.824-24.16 82.168-64.176 104.376a143.128 143.128 0 0 1-70.288 18.208c-74.376 0-134.92-55.04-134.92-123.04 0-21.104 6.24-41.816 17.416-60.456 16.96-27.224 44.136-47.392 76.936-56.952 9.2-2.528 15.408-3.504 21.504-3.504 14.4 0 25.608 11.12 25.608 25.16a25.12 25.12 0 0 1-25.584 25.184c-1.032 0-3.136 0-5.664 0.976-22.08 6.552-39.472 19.184-49.216 35.296-6.664 10.568-9.744 22.24-9.744 34.32 0 39.904 37.464 72.552 83.568 72.552 15.76-0.008 31.28-3.976 45.104-11.544 24.16-13.616 38.472-36.272 38.472-61v-210.72c0-42.824 24.152-82.144 64.168-104.376a134.92 134.92 0 0 1 69.84-18.736z" fill="#FFFFFF"></path></svg>
  );
}