Html

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="3.588"
        x2="25.341"
        y1="25.773"
        y2="6.334"
        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="6.492"
        x2="28.245"
        y1="29.022"
        y2="9.583"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="5.034"
        x2="26.787"
        y1="27.391"
        y2="7.952"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-4.642"
        x2="17.111"
        y1="16.563"
        y2="-2.876"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-3.754"
        x2="17.999"
        y1="17.557"
        y2="-1.882"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-2.866"
        x2="18.887"
        y1="18.55"
        y2="-.888"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="4.243"
        x2="25.996"
        y1="26.506"
        y2="7.067"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M12.39 20.978a.5.5 0 1 0 .707-.707l-2.679-2.68 2.682-2.679a.5.5 0 1 0-.707-.707l-3.036 3.032a.5.5 0 0 0 0 .707z"
    />
    <path
        fill="url(#b)"
        d="M18.93 20.978a.5.5 0 0 0 .707 0l3.033-3.034a.5.5 0 0 0 0-.707l-3.033-3.032a.5.5 0 0 0-.707.707l2.679 2.679-2.679 2.68a.5.5 0 0 0 0 .707z"
    />
    <path
        fill="url(#c)"
        d="M14.521 21.085a.518.518 0 0 0 .195.039.5.5 0 0 0 .461-.3l2.567-6.065a.5.5 0 0 0-.921-.391l-2.567 6.066a.5.5 0 0 0 .265.651z"
    />
    <circle cx="5.5" cy="7.5" r=".5" fill="url(#d)" />
    <circle cx="7.5" cy="7.5" r=".5" fill="url(#e)" />
    <circle cx="9.5" cy="7.5" r=".5" fill="url(#f)" />
    <path
        fill="url(#g)"
        d="M27.171 5H4.829A2.832 2.832 0 0 0 2 7.829v16.342A2.833 2.833 0 0 0 4.829 27h22.342A2.833 2.833 0 0 0 30 24.171V7.829A2.833 2.833 0 0 0 27.171 5zM29 24.171A1.83 1.83 0 0 1 27.171 26H4.829A1.83 1.83 0 0 1 3 24.171V10h26zM29 9H3V7.829A1.83 1.83 0 0 1 4.829 6h22.342A1.83 1.83 0 0 1 29 7.829z"
    />
</svg>