Web Page

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="-.439"
        x2="29.983"
        y1="31.178"
        y2="-.612"
        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.154"
        x2="20.268"
        y1="21.88"
        y2="-9.909"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-8.588"
        x2="21.833"
        y1="23.379"
        y2="-8.41"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-7.022"
        x2="23.399"
        y1="24.877"
        y2="-6.912"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="3.557"
        x2="33.979"
        y1="35.002"
        y2="3.213"
        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-9zm-7 9a6.953 6.953 0 0 1 1.4-4.184l9.784 9.784A6.986 6.986 0 0 1 9 22zm12.6 4.184L11.816 16.4a6.986 6.986 0 0 1 9.784 9.784z"
        />
    </g>
</svg>