interface Props {
  color: string | "#D0DEE6",
}
const Grayscale = (props: Props) => {
  return (
    <svg width="60" height="60" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
            <g id="Group-3041" transform="translate(1.000000, 1.000000)" fillRule="nonzero">
                <rect id="Rectangle" stroke={props.color} strokeWidth="2" fill="#FFFFFF" x="0" y="0" width="58" height="58" rx="4"></rect>
                <g id="" transform="translate(20.000000, 16.000000)" fill={props.color}>
                    <path d="M10.4829704,1.11719075 C11.0284244,2.87761585 11.7613801,4.57032529 12.6818373,6.19533307 C13.6022804,7.78647603 14.4375262,9.0390827 15.1874762,9.95315307 C15.9375671,10.8672095 16.5852127,11.950548 17.130695,13.2031267 C17.7102786,14.4218965 18,15.6745172 18,16.9609886 C18,19.4662299 17.1136442,21.5989722 15.3409327,23.3594952 C13.6022804,25.1198784 11.488653,26 9.00000845,26 C6.51136386,26 4.38068581,25.1198784 2.6079602,23.3594952 C0.869319127,21.5989722 0,19.4662299 0,16.9609886 C0,15.6745172 0.272727017,14.4218965 0.818182459,13.2031267 C1.39772526,11.9844128 2.06250617,10.9010743 2.81249841,9.95315307 C3.59659211,9.00523187 4.43182388,7.73569979 5.31819373,6.14454284 C6.23863684,4.55339988 6.97159246,2.87761585 7.51706059,1.11719075 C7.75568616,0.372396917 8.25000211,0 9.00000845,0 C9.78410215,0 10.2784181,0.372396917 10.4829704,1.11719075 Z M9.00000845,22.7500404 C9.23864812,22.7500404 9.4261497,22.6823387 9.56251321,22.5469354 C9.73296407,22.3776812 9.8181895,22.1745762 9.8181895,21.9376204 C9.8181895,21.7005247 9.73296407,21.5143452 9.56251321,21.3789418 C9.4261497,21.2096877 9.23864812,21.1250606 9.00000845,21.1250606 C7.87501303,21.1250606 6.90341775,20.735776 6.0852367,19.957067 C5.30114301,19.144647 4.90908912,18.1797585 4.90908912,17.0625411 C4.90908912,16.8255853 4.82386368,16.6394057 4.65341282,16.5040024 C4.51704931,16.3347483 4.32954773,16.2499813 4.09090807,16.2499813 C3.8522825,16.2499813 3.64773019,16.3347483 3.47727932,16.5040024 C3.34091582,16.6394057 3.27272702,16.8255853 3.27272702,17.0625411 C3.27272702,18.6198193 3.83523177,19.957067 4.96022719,21.0742843 C6.0852367,22.1915017 7.43182106,22.7500404 9.00000845,22.7500404 Z" id="Shape"></path>
                </g>
            </g>
        </g>
    </svg>
  )
}
export default Grayscale;