Web Page

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 -23.407 23.407 0 15 15.907)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e5e9fc" />
        <stop offset="1" stop-color="#4460ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 12.131 -12.131 0 16.5 8.37)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5bb774" />
        <stop offset="1" stop-color="#1e8a3c" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="scale(-17.695) rotate(-45 -1.802 .532)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2196f3" />
        <stop offset="1" stop-color="#005faa" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="scale(-8.622) rotate(-45 -3.64 .707)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f3f7fa" />
        <stop offset="1" stop-color="#75b4e3" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(86.43 -1.043 6.858) scale(3.034)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ed3841" />
        <stop offset="1" stop-color="#b70009" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 2.44 -2.44 0 8.75 7.56)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#51da4f" />
        <stop offset="1" stop-color="#0cb209" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 2.94 -2.94 0 12.516 7.56)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f3b132" />
        <stop offset="1" stop-color="#b77900" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 8.047 15.207) scale(4.469)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#465a65" />
        <stop offset="1" stop-color="#18303d" />
    </linearGradient>
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            fill="url(#a)"
            d="M30.75 6.24A2.75 2.75 0 0 0 28 3.49H4a2.75 2.75 0 0 0-2.75 2.75v19.52A2.75 2.75 0 0 0 4 28.51h24a2.75 2.75 0 0 0 2.75-2.75z"
        />
        <path
            fill="url(#b)"
            d="M1.25 11.63h29.5V6.24A2.75 2.75 0 0 0 28 3.49H4a2.75 2.75 0 0 0-2.75 2.75z"
        />
        <path
            fill="url(#c)"
            d="m21.088 14.05-11.004 2.696a1.753 1.753 0 0 0-1.1 2.575c.234.404.78.742 1.45 1.018.345.142.722.282 1.054.459.22.117.426.239.534.427s.111.427.103.676c-.013.375-.081.772-.13 1.142-.095.718-.077 1.36.157 1.764a1.75 1.75 0 0 0 2.779.336l7.837-8.182a1.751 1.751 0 0 0-1.68-2.911z"
        />
        <path
            fill="url(#d)"
            d="M11.368 20.736c.041.02.08.041.12.062.22.117.426.239.534.427s.111.427.103.676a6.01 6.01 0 0 1-.007.134l5.145-2.97a.75.75 0 1 0-.75-1.299z"
        />
        <circle cx="5.947" cy="7.62" r=".75" fill="url(#e)" />
        <circle cx="9.201" cy="7.62" r=".75" fill="url(#f)" />
        <circle cx="12.456" cy="7.62" r=".75" fill="url(#g)" />
        <path
            fill="url(#h)"
            d="M27.191 6.87h-7.529a.75.75 0 0 0 0 1.5h7.529a.75.75 0 0 0 0-1.5z"
        />
    </g>
</svg>