import * as React from 'react';

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

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

  return (
    <svg {...props} style={styles} viewBox="0 0 1024 1024"><defs></defs><path d="M516 48C774.472 48 984 257.528 984 516S774.472 984 516 984 48 774.472 48 516 257.528 48 516 48z m0 72C297.648 120 120 297.648 120 516S297.648 912 516 912 912 734.352 912 516 734.352 120 516 120zM226.288 418.856h89.144V329.712H226.288v89.144z m163.416 0h89.144V329.712H389.704v89.144z m163.44 0h89.152V329.712H553.152v89.144z m163.424 0h89.144V329.712H716.568v89.144zM226.288 597.144h89.144V508H226.288v89.144z m163.416 0h89.144V508H389.704v89.144z m163.44 0h89.152V508H553.152v89.144z m174.568 89.144c18.464 0 33.432 16.112 33.432 36 0 19.88-14.968 36-33.432 36H304.288c-18.464 0-33.432-16.12-33.432-36 0-19.888 14.968-36 33.432-36h423.424z m78-178.288v89.144H716.568V508h89.144z"></path></svg>
  );
}