Web Page

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="28.92"
        x2="1.67"
        y1="1.05"
        y2="28.37"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ee2d7b" />
        <stop offset="1" stop-color="#a63b96" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="19.41"
        x2="-7.85"
        y1="-8.44"
        y2="18.88"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="21.41"
        x2="-5.84"
        y1="-6.44"
        y2="20.88"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="23.42"
        x2="-3.84"
        y1="-4.44"
        y2="22.88"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="30.42"
        x2="3.17"
        y1="2.54"
        y2="29.87"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M28 3.5H4A2.5 2.5 0 0 0 1.5 6v16A2.5 2.5 0 0 0 4 24.5h2a.5.5 0 0 0 0-1H4A1.5 1.5 0 0 1 2.5 22V8.5h27V22a1.5 1.5 0 0 1-1.5 1.5h-2a.5.5 0 0 0 0 1h2a2.5 2.5 0 0 0 2.5-2.5V6A2.5 2.5 0 0 0 28 3.5zm-25.5 4V6A1.5 1.5 0 0 1 4 4.5h24A1.5 1.5 0 0 1 29.5 6v1.5z"
        />
        <circle cx="5" cy="6" r="1" fill="url(#b)" />
        <circle cx="9" cy="6" r="1" fill="url(#c)" />
        <circle cx="13" cy="6" r="1" fill="url(#d)" />
        <path
            fill="url(#e)"
            d="M15.65 28.35a.48.48 0 0 0 .7 0l7-7A5.5 5.5 0 1 0 16 13.22 5.5 5.5 0 0 0 6.5 17a5.39 5.39 0 0 0 2.14 4.34zM7.5 17a4.5 4.5 0 0 1 8.08-2.72.55.55 0 0 0 .43.18.5.5 0 0 0 .44-.23 4.5 4.5 0 1 1 6.21 6.41L16 27.29l-6.71-6.7A4.45 4.45 0 0 1 7.5 17z"
        />
    </g>
</svg>