Css

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="1.536"
        x2="26.896"
        y1="28.672"
        y2="7.539"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".04" stop-color="#fee72e" />
        <stop offset=".117" stop-color="#fed51b" />
        <stop offset=".196" stop-color="#fdca10" />
        <stop offset=".281" stop-color="#fdc70c" />
        <stop offset=".669" stop-color="#f3903f" />
        <stop offset=".888" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-2.375"
        x2="22.985"
        y1="23.979"
        y2="2.846"
        href="#a"
    />
    <linearGradient
        id="c"
        x1=".494"
        x2="25.854"
        y1="27.422"
        y2="6.289"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="3.363"
        x2="28.722"
        y1="30.864"
        y2="9.731"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M30 22.5h-1V7.747A2.25 2.25 0 0 0 26.753 5.5H5.247A2.25 2.25 0 0 0 3 7.747V22.5H2a.5.5 0 0 0-.5.5v1.231A2.272 2.272 0 0 0 3.769 26.5h24.462a2.272 2.272 0 0 0 2.269-2.269V23a.5.5 0 0 0-.5-.5zM4 7.747A1.248 1.248 0 0 1 5.247 6.5h21.506A1.248 1.248 0 0 1 28 7.747V22.5H4zm25.5 16.484a1.27 1.27 0 0 1-1.269 1.269H3.769A1.27 1.27 0 0 1 2.5 24.231V23.5h27z"
    />
    <path
        fill="url(#b)"
        d="M11 11.5a.5.5 0 0 0 0-1H7a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1H7.5v-6z"
    />
    <path
        fill="url(#c)"
        d="M18 11.5a.5.5 0 0 0 0-1h-4a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3.5v3H14a.5.5 0 0 0 0 1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-3.5v-2z"
    />
    <path
        fill="url(#d)"
        d="M25 11.5a.5.5 0 0 0 0-1h-4a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3.5v3H21a.5.5 0 0 0 0 1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-3.5v-2z"
    />
</svg>