import * as React from 'react';

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

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

  return (
    <svg {...props} style={styles} viewBox="0 0 1024 1024"><defs></defs><path d="M484 156v384h376.68l-0.768 36.76C855.232 800.6 672.272 980 448 980 220.456 980 36 795.544 36 568c0-225.264 180.784-408.304 405.184-411.944L448 156h36z m-72 73.888l-2.872 0.312C239.656 249.48 108 393.36 108 568c0 187.776 152.224 340 340 340 170.4 0 311.904-125.504 336.288-289.552l0.704-4.984 0.176-1.464H412V229.888zM560 44c227.08 0 412.488 180.368 419.784 406.496l0.16 6.864 0.352 42.64H524v-456H560z m36 73.848V428h310.152l-0.368-3.496C887.816 265.28 762.448 138.832 604.16 118.776l-4.8-0.576-3.36-0.352z"></path></svg>
  );
}