Calculator

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path d="M57.379 8.828h26.483v494.345H57.379z" fill="#fff" />
    <path d="M428.138 8.828h26.483V185.38h-26.483z" fill="#a4c2f7" />
    <path d="M428.138 185.379h26.483v317.793h-26.483z" fill="#a4c2f7" />
    <path d="M83.862 8.828h344.276v494.345H83.862z" fill="#d4e1f4" />
    <path
        d="M83.862 344.276h105.931v158.897H83.862zM189.793 344.276h132.414v158.897H189.793zM322.207 185.379h105.931v317.793H322.207zM83.862 185.379h105.931v158.897H83.862zM189.793 185.379h132.414v158.897H189.793z"
        fill="#d4e1f4"
    />
    <linearGradient
        id="a"
        x1="-48.655"
        x2="-47.998"
        y1="651.975"
        y2="649.875"
        gradientTransform="matrix(282.4828 0 0 -88.2759 13894.174 57558.102)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d3dff2" />
        <stop offset=".172" stop-color="#d3dff2" />
        <stop offset=".2" stop-color="#d3dff2" />
        <stop offset=".2" stop-color="#dae2f2" />
        <stop offset=".201" stop-color="#ebeaf2" />
        <stop offset=".201" stop-color="#f6eff2" />
        <stop offset=".202" stop-color="#fdf2f2" />
        <stop offset=".205" stop-color="#fff3f2" />
        <stop offset=".252" stop-color="#fff3f2" />
        <stop offset=".26" stop-color="#fff3f2" />
        <stop offset=".26" stop-color="#d3dff2" />
        <stop offset=".397" stop-color="#d3dff2" />
        <stop offset=".42" stop-color="#d3dff2" />
        <stop offset=".42" stop-color="#dae2f2" />
        <stop offset=".421" stop-color="#ebeaf2" />
        <stop offset=".421" stop-color="#f6eff2" />
        <stop offset=".422" stop-color="#fdf2f2" />
        <stop offset=".425" stop-color="#fff3f2" />
        <stop offset=".489" stop-color="#fff3f2" />
        <stop offset=".5" stop-color="#fff3f2" />
        <stop offset=".5" stop-color="#f8f0f2" />
        <stop offset=".5" stop-color="#e7e8f2" />
        <stop offset=".5" stop-color="#dce3f2" />
        <stop offset=".5" stop-color="#d5e0f2" />
        <stop offset=".501" stop-color="#d3dff2" />
        <stop offset=".706" stop-color="#d3dff2" />
        <stop offset=".74" stop-color="#d3dff2" />
        <stop offset=".741" stop-color="#fff3f2" />
        <stop offset=".835" stop-color="#fff3f2" />
        <stop offset=".85" stop-color="#fff3f2" />
        <stop offset=".851" stop-color="#d3dff2" />
    </linearGradient>
    <path d="M101.517 52.966H384v88.276H101.517z" fill="url(#a)" />
    <path d="M384 52.966h26.483v88.276H384z" fill="#7facfa" />
    <path
        d="M463.448 512H48.552V114.759a8.828 8.828 0 0 1 17.656 0v379.586h379.586V476.69a8.828 8.828 0 0 1 17.656 0V512zM454.621 414.897a8.824 8.824 0 0 1-8.828-8.828V17.655H66.207v26.483a8.828 8.828 0 0 1-17.656 0V0h414.897v406.069a8.824 8.824 0 0 1-8.827 8.828z"
        fill="#428dff"
    />
    <circle cx="57.379" cy="79.448" r="8.828" fill="#428dff" />
    <path
        d="M419.31 150.069H92.69V44.138h326.62v105.931zm-308.965-17.655h291.31V61.793h-291.31v70.621zM198.621 512H48.552V335.448h150.069V512zM66.207 494.345h114.759V353.103H66.207v141.242z"
        fill="#428dff"
    />
    <path
        d="M331.034 512H180.966V335.448h150.069V512zm-132.413-17.655H313.38V353.103H198.621v141.242z"
        fill="#428dff"
    />
    <path
        d="M463.448 512H313.379V176.552h150.069v229.517a8.828 8.828 0 0 1-17.656 0V194.207H331.034v300.138h114.759a8.828 8.828 0 0 1 17.656 0V512z"
        fill="#428dff"
    />
    <circle cx="454.621" cy="441.379" r="8.828" fill="#428dff" />
    <path
        d="M198.621 353.103H48.552V176.552h150.069v176.551zM66.207 335.448h114.759V194.207H66.207v141.241z"
        fill="#428dff"
    />
    <path
        d="M331.034 353.103H180.966V176.552h150.069v176.551zm-132.413-17.655H313.38V194.207H198.621v141.241z"
        fill="#428dff"
    />
</svg>