Html

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="1.108"
        x2="30.694"
        y1="32.594"
        y2="-.373"
        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="1.179"
        x2="30.765"
        y1="32.658"
        y2="-.309"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-1.037"
        x2="28.549"
        y1="30.67"
        y2="-2.298"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-3.252"
        x2="26.334"
        y1="28.681"
        y2="-4.286"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-2.358"
        x2="27.228"
        y1="29.484"
        y2="-3.483"
        href="#a"
    />
    <linearGradient
        id="f"
        x1=".412"
        x2="29.998"
        y1="31.97"
        y2="-.998"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="4.289"
        x2="33.875"
        y1="35.449"
        y2="2.482"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="7.335"
        x2="36.922"
        y1="38.183"
        y2="5.216"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M27.465 1.5H4.535A3.038 3.038 0 0 0 1.5 4.535v22.93A3.038 3.038 0 0 0 4.535 30.5h22.93a3.038 3.038 0 0 0 3.035-3.035V4.535A3.038 3.038 0 0 0 27.465 1.5zm-22.93 1h22.93A2.037 2.037 0 0 1 29.5 4.535V7.5h-27V4.535A2.037 2.037 0 0 1 4.535 2.5zm22.93 27H4.535A2.037 2.037 0 0 1 2.5 27.465V8.5h27v18.965a2.037 2.037 0 0 1-2.035 2.035z"
    />
    <circle cx="26" cy="5" r="1" fill="url(#b)" />
    <circle cx="22" cy="5" r="1" fill="url(#c)" />
    <circle cx="18" cy="5" r="1" fill="url(#d)" />
    <path
        fill="url(#e)"
        d="M9.5 14.5a.5.5 0 0 0-.5.5v2.5H6V15a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0v-3.5h3V22a.5.5 0 0 0 1 0v-7a.5.5 0 0 0-.5-.5z"
    />
    <path
        fill="url(#f)"
        d="M15.5 14.5h-4a.5.5 0 0 0 0 1H13V22a.5.5 0 0 0 1 0v-6.5h1.5a.5.5 0 0 0 0-1z"
    />
    <path
        fill="url(#g)"
        d="M21.691 14.538a.5.5 0 0 0-.545.108L19.5 16.293l-1.646-1.647A.5.5 0 0 0 17 15v7a.5.5 0 0 0 1 0v-5.793l1.146 1.147a.5.5 0 0 0 .708 0L21 16.207V22a.5.5 0 0 0 1 0v-7a.5.5 0 0 0-.309-.462z"
    />
    <path
        fill="url(#h)"
        d="M26.5 21.5H24V15a.5.5 0 0 0-1 0v7a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1z"
    />
</svg>