import React from 'react';
export const KeypadOutline = ({fill="currentColor",...other}) => {
  return <svg width='1.33em' height='1.33em' fill={fill} viewBox="0 0 512 512" {...other}>
<circle cx="256" cy="448" r="32" fill="none" stroke={fill} strokeMiterlimit="10" strokeWidth="32"/>

<circle cx="256" cy="320" r="32" fill="none" stroke={fill} strokeMiterlimit="10" strokeWidth="32"/>

<path d="M288 192a32 32 0 1 1-32-32 32 32 0 0 1 32 32Z" fill="none" stroke={fill} strokeMiterlimit="10" strokeWidth="32"/>

<circle cx="256" cy="64" r="32" fill="none" stroke={fill} strokeMiterlimit="10" strokeWidth="32"/>

<circle cx="384" cy="320" r="32" fill="none" stroke={fill} strokeMiterlimit="10" strokeWidth="32"/>

<circle cx="384" cy="192" r="32" fill="none" stroke={fill} strokeMiterlimit="10" strokeWidth="32"/>

<circle cx="384" cy="64" r="32" fill="none" stroke={fill} strokeMiterlimit="10" strokeWidth="32"/>

<circle cx="128" cy="320" r="32" fill="none" stroke={fill} strokeMiterlimit="10" strokeWidth="32"/>

<circle cx="128" cy="192" r="32" fill="none" stroke={fill} strokeMiterlimit="10" strokeWidth="32"/>

<circle cx="128" cy="64" r="32" fill="none" stroke={fill} strokeMiterlimit="10" strokeWidth="32"/>
</svg>;
};