Web Page

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="-1.16"
        x2="31.655"
        y1="31.193"
        y2="2.139"
        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="-10.021"
        x2="22.794"
        y1="21.185"
        y2="-7.87"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-8.703"
        x2="24.112"
        y1="22.674"
        y2="-6.381"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-7.384"
        x2="25.431"
        y1="24.163"
        y2="-4.892"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-2.966"
        x2="29.848"
        y1="29.153"
        y2=".098"
        href="#a"
    />
    <linearGradient
        id="f"
        x1=".322"
        x2="33.136"
        y1="32.866"
        y2="3.812"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="2.307"
        x2="35.122"
        y1="35.108"
        y2="6.054"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="3.194"
        x2="36.008"
        y1="36.11"
        y2="7.055"
        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="M6 24h5a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1zm1-8h3v6H7z"
        />
        <path fill="url(#f)" d="M15 16h11a1 1 0 0 0 0-2H15a1 1 0 0 0 0 2z" />
        <path fill="url(#g)" d="M15 20h11a1 1 0 0 0 0-2H15a1 1 0 0 0 0 2z" />
        <path fill="url(#h)" d="M15 24h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2z" />
    </g>
</svg>