Web Page

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="1.048"
        x2="27.026"
        y1="31.346"
        y2="4.684"
        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="-8.581"
        x2="17.398"
        y1="21.964"
        y2="-4.698"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-7.042"
        x2="18.937"
        y1="23.464"
        y2="-3.198"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-5.503"
        x2="20.476"
        y1="24.963"
        y2="-1.699"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="1.992"
        x2="27.97"
        y1="32.265"
        y2="5.603"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M27.7 3H4.3A3.305 3.305 0 0 0 1 6.3v19.4A3.305 3.305 0 0 0 4.3 29h23.4a3.305 3.305 0 0 0 3.3-3.3V6.3A3.305 3.305 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="M12.932 24.122a1.809 1.809 0 0 0 1.836-.048l5.664-3.54a1.81 1.81 0 0 0 0-3.069l-5.664-3.539A1.809 1.809 0 0 0 12 15.46v7.08a1.809 1.809 0 0 0 .932 1.582zM14 15.8l5.113 3.2L14 22.2z"
        />
    </g>
</svg>