Web Page

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="-1.211"
        x2="32.288"
        y1="29.806"
        y2="-.958"
        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.27"
        x2="23.229"
        y1="19.942"
        y2="-10.822"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-8.897"
        x2="24.601"
        y1="21.436"
        y2="-9.328"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-7.525"
        x2="25.974"
        y1="22.931"
        y2="-7.833"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="2.775"
        x2="36.273"
        y1="34.146"
        y2="3.382"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M27.7 1H4.3A3.306 3.306 0 0 0 1 4.3v19.4A3.306 3.306 0 0 0 4.3 27H5a1 1 0 0 0 0-2h-.7A1.3 1.3 0 0 1 3 23.7V9h26v14.7a1.3 1.3 0 0 1-1.3 1.3H27a1 1 0 0 0 0 2h.7a3.306 3.306 0 0 0 3.3-3.3V4.3A3.306 3.306 0 0 0 27.7 1zM29 7H3V4.3A1.3 1.3 0 0 1 4.3 3h23.4A1.3 1.3 0 0 1 29 4.3z"
        />
        <circle cx="6" cy="5" r="1" fill="url(#b)" />
        <circle cx="9" cy="5" r="1" fill="url(#c)" />
        <circle cx="12" cy="5" r="1" fill="url(#d)" />
        <path
            fill="url(#e)"
            d="M16 13a9 9 0 1 0 9 9 9.01 9.01 0 0 0-9-9zm6.92 8H17v-5.92A7 7 0 0 1 22.92 21zM16 29a7 7 0 0 1-1-13.92V22a1 1 0 0 0 1 1h6.92A7.006 7.006 0 0 1 16 29z"
        />
    </g>
</svg>