Ui Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="linear-gradient"
        gradientUnits="userSpaceOnUse"
        x1="32"
        x2="32"
        y1="2.545"
        y2="59.941"
    >
        <stop offset="0" stop-color="#fef8c5" />
        <stop offset="1" stop-color="#fdd837" />
    </linearGradient>
    <g fill="url(#linear-gradient)">
        <path
            d="m4 57a3.0033 3.0033 0 0 0 3 3h50a3.0033 3.0033 0 0 0 3-3v-37.1709h-56zm26.1289-32.5215a1 1 0 0 1 1-1h21.7422a1 1 0 0 1 1 1v10.9615a1 1 0 0 1 -1 1h-21.7422a1 1 0 0 1 -1-1zm0 17.9111a1 1 0 0 1 1-1h21.7422a1 1 0 0 1 1 1v10.961a1 1 0 0 1 -1 1h-21.7422a1 1 0 0 1 -1-1zm-20-17.9111a1 1 0 0 1 1-1h15.2871a1 1 0 0 1 1 1v28.8721a1 1 0 0 1 -1 1h-15.2871a1 1 0 0 1 -1-1z"
        />
        <path
            d="m57 4h-50a3.0033 3.0033 0 0 0 -3 3v10.8291h56v-10.8291a3.0033 3.0033 0 0 0 -3-3zm-22 10.915a3 3 0 1 1 3-3 3.0033 3.0033 0 0 1 -3 3zm8 0a3 3 0 1 1 3-3 3.0033 3.0033 0 0 1 -3 3zm8 0a3 3 0 1 1 3-3 3.0033 3.0033 0 0 1 -3 3z"
        />
    </g>
</svg>