Calculator

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="b"
        x1="10"
        x2="54"
        y1="36"
        y2="36"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d4d8e1" />
        <stop offset="1" stop-color="#f3f4f5" />
    </linearGradient>
    <linearGradient
        id="a"
        x1="10"
        x2="54"
        y1="18.38"
        y2="18.38"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#949aaf" />
        <stop offset="1" stop-color="#c6ccda" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="14"
        x2="50"
        y1="17"
        y2="17"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9dd5df" />
        <stop offset="1" stop-color="#c3e1f5" />
    </linearGradient>
    <linearGradient id="d" x1="14" x2="20" y1="36" y2="36" href="#a" />
    <linearGradient id="e" x1="24" x2="30" y1="36" y2="36" href="#a" />
    <linearGradient id="f" x1="34" x2="40" y1="36" y2="36" href="#a" />
    <linearGradient id="g" x1="44" x2="50" y1="36" y2="36" href="#a" />
    <linearGradient id="h" x1="14" x2="20" y1="46" y2="46" href="#a" />
    <linearGradient id="i" x1="24" x2="30" y1="46" y2="46" href="#a" />
    <linearGradient id="j" x1="34" x2="40" y1="46" y2="46" href="#a" />
    <linearGradient
        id="k"
        x1="44"
        x2="50"
        y1="51"
        y2="51"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#da5466" />
        <stop offset="1" stop-color="#f4929c" />
    </linearGradient>
    <linearGradient id="l" x1="14" x2="20" y1="56" y2="56" href="#a" />
    <linearGradient id="m" x1="24" x2="30" y1="56" y2="56" href="#a" />
    <linearGradient id="n" x1="34" x2="40" y1="56" y2="56" href="#a" />
    <linearGradient
        id="o"
        x1="37"
        x2="63"
        y1="13"
        y2="13"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fbcc88" />
        <stop offset="1" stop-color="#ffe5c3" />
    </linearGradient>
    <linearGradient id="p" x1="45" x2="55" y1="13" y2="13" href="#b" />
    <linearGradient id="q" x1="43" x2="49" y1="9" y2="9" href="#b" />
    <linearGradient id="r" x1="51" x2="57" y1="17" y2="17" href="#b" />
    <rect width="44" height="56" x="10" y="8" fill="url(#b)" rx="2" />
    <path
        fill="url(#a)"
        d="M54 10v14a53.15 53.15 0 0 1-44 0V10a2 2 0 0 1 2-2h40a2 2 0 0 1 2 2z"
    />
    <rect width="36" height="10" x="14" y="12" fill="url(#c)" rx="1" />
    <rect width="6" height="6" x="14" y="33" fill="url(#d)" rx="1" />
    <rect width="6" height="6" x="24" y="33" fill="url(#e)" rx="1" />
    <rect width="6" height="6" x="34" y="33" fill="url(#f)" rx="1" />
    <rect width="6" height="6" x="44" y="33" fill="url(#g)" rx="1" />
    <rect width="6" height="6" x="14" y="43" fill="url(#h)" rx="1" />
    <rect width="6" height="6" x="24" y="43" fill="url(#i)" rx="1" />
    <rect width="6" height="6" x="34" y="43" fill="url(#j)" rx="1" />
    <rect width="6" height="16" x="44" y="43" fill="url(#k)" rx="1" />
    <rect width="6" height="6" x="14" y="53" fill="url(#l)" rx="1" />
    <rect width="6" height="6" x="24" y="53" fill="url(#m)" rx="1" />
    <rect width="6" height="6" x="34" y="53" fill="url(#n)" rx="1" />
    <circle cx="50" cy="13" r="13" fill="url(#o)" />
    <circle cx="50" cy="13" r="11" fill="#f6b756" />
    <path
        fill="url(#p)"
        d="M46 18a1 1 0 0 1-.71-1.71l8-8a1 1 0 0 1 1.42 1.42l-8 8A1 1 0 0 1 46 18z"
    />
    <path
        fill="url(#q)"
        d="M46 12a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#r)"
        d="M54 20a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1z"
    />
</svg>