interface Props {
  color: string | "#D0DEE6",
}
const ReadableFonts = (props: Props) => {
  return (
    <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect x="1" y="1" width="58" height="58" rx="4" fill="white" stroke={props.color} strokeWidth="2"/>
      <path d="M40.9793 38.6836C41.2257 38.6836 41.4192 38.7715 41.5599 38.9473C41.7359 39.088 41.8238 39.2813 41.8238 39.5274V41.215C41.8238 41.4611 41.7359 41.6545 41.5599 41.7951C41.4192 41.9709 41.2257 42.0588 40.9793 42.0588H34.2235C33.9772 42.0588 33.7661 41.9709 33.5902 41.7951C33.4494 41.6545 33.3791 41.4611 33.3791 41.215V39.5274C33.3791 39.2813 33.4494 39.088 33.5902 38.9473C33.7661 38.7715 33.9772 38.6836 34.2235 38.6836H35.2791L34.0124 35.3085H25.9899L24.7232 38.6836H25.7788C26.0251 38.6836 26.2186 38.7715 26.3593 38.9473C26.5353 39.088 26.6232 39.2813 26.6232 39.5274V41.215C26.6232 41.4611 26.5353 41.6545 26.3593 41.7951C26.2186 41.9709 26.0251 42.0588 25.7788 42.0588H19.0229C18.7766 42.0588 18.5655 41.9709 18.3896 41.7951C18.2488 41.6545 18.1785 41.4611 18.1785 41.215V39.5274C18.1785 39.2813 18.2488 39.088 18.3896 38.9473C18.5655 38.7715 18.7766 38.6836 19.0229 38.6836H20.2369L27.151 19.5928C27.2566 19.2764 27.4677 19.0127 27.7844 18.8018C28.1011 18.5557 28.4178 18.4326 28.7344 18.4326H31.2679C31.5845 18.4326 31.9012 18.5557 32.2179 18.8018C32.5346 19.0127 32.7457 19.2764 32.8513 19.5928L39.7654 38.6836H40.9793ZM27.5205 31.0895H32.4818L30.0011 24.2864L27.5205 31.0895Z" fill={props.color}/>
    </svg>
  )
}
export default ReadableFonts;