Web Page

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="-1.068"
        x2="30.038"
        y1="30.817"
        y2="3.813"
        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="-9.821"
        x2="21.285"
        y1="20.735"
        y2="-6.269"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-8.532"
        x2="22.574"
        y1="22.22"
        y2="-4.784"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-7.242"
        x2="23.863"
        y1="23.705"
        y2="-3.299"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-4.506"
        x2="26.6"
        y1="26.857"
        y2="-.147"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-1.536"
        x2="29.57"
        y1="30.278"
        y2="3.274"
        href="#a"
    />
    <linearGradient
        id="g"
        x1=".651"
        x2="31.757"
        y1="32.797"
        y2="5.794"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="3.621"
        x2="34.727"
        y1="36.219"
        y2="9.215"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M27.7 3H4.3A3.306 3.306 0 0 0 1 6.3v19.4A3.306 3.306 0 0 0 4.3 29h23.4a3.306 3.306 0 0 0 3.3-3.3V6.3A3.306 3.306 0 0 0 27.7 3zM29 25.7a1.3 1.3 0 0 1-1.3 1.3H4.3A1.3 1.3 0 0 1 3 25.7V11h26zM29 9H3V6.3A1.3 1.3 0 0 1 4.3 5h23.4A1.3 1.3 0 0 1 29 6.3z"
        />
        <circle cx="6" cy="7" r="1" fill="url(#b)" />
        <circle cx="9" cy="7" r="1" fill="url(#c)" />
        <circle cx="12" cy="7" r="1" fill="url(#d)" />
        <path
            fill="url(#e)"
            d="M8.293 17.707a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L9 15.586l-1.293-1.293a1 1 0 0 0-1.414 1.414z"
        />
        <path
            fill="url(#f)"
            d="M8.293 23.707a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L9 21.586l-1.293-1.293a1 1 0 0 0-1.414 1.414z"
        />
        <path fill="url(#g)" d="M15 17h10a1 1 0 0 0 0-2H15a1 1 0 0 0 0 2z" />
        <path fill="url(#h)" d="M15 23h10a1 1 0 0 0 0-2H15a1 1 0 0 0 0 2z" />
    </g>
</svg>