Cassette

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="32"
        x2="32"
        y1="9.909"
        y2="54.004"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".014" stop-color="#fee72e" />
        <stop offset=".042" stop-color="#fed51b" />
        <stop offset=".07" stop-color="#fdca10" />
        <stop offset=".1" stop-color="#fdc70c" />
        <stop offset=".4" stop-color="#f3903f" />
        <stop offset=".8" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <linearGradient id="b" x1="9" x2="9" y1="9.909" y2="54.004" href="#a" />
    <linearGradient id="c" x1="55" x2="55" y1="9.909" y2="54.004" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M59 15h-1v-3a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v3h-2v-3a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v3h-2v-3a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v3H14v-3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v3H5a3 3 0 0 0-3 3v32a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3V18a3 3 0 0 0-3-3zm-7-2h4v2h-4zm-10 0h4v2h-4zm-10 0h4v2h-4zM8 13h4v2H8zm52 37a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V18a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z"
        />
        <path
            fill="url(#b)"
            d="M9 43a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
        />
        <path
            fill="url(#c)"
            d="M55 43a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
        />
        <g fill="url(#a)">
            <path
                d="M9 41h46a1 1 0 0 0 1-1V20a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1zm1-20h44v18H10z"
            />
            <path
                d="M43 25H21a5 5 0 0 0 0 10h22a5 5 0 0 0 0-10zm-3.974 2a4.9 4.9 0 0 0 0 6H24.974a4.9 4.9 0 0 0 0-6zM18 30a3 3 0 1 1 3 3 3 3 0 0 1-3-3zm25 3a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"
            />
        </g>
    </g>
</svg>