Web Page

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#d9defb" />
        <stop offset="1" stop-color="#4460ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 -7.755 7.755 0 19.517 13)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 3.967 12.08) scale(11.383)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1e8ee8" />
        <stop offset="1" stop-color="#00589f" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 -.6 6.763) scale(5.637)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e62c36" />
        <stop offset="1" stop-color="#a80009" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 3.176 -3.176 0 9.5 7.324)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#4ad848" />
        <stop offset="1" stop-color="#0baa09" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 2.588 9.912) scale(5.268)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e6a627" />
        <stop offset="1" stop-color="#a46d00" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="scale(9.7) rotate(23.25 -4.622 4.499)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#3fb655" />
        <stop offset="1" stop-color="#137e27" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 -5.707 18.576) scale(4.677)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 -1.562 21.442) scale(13.086)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2f8940" />
        <stop offset="1" stop-color="#0d531a" />
    </linearGradient>
    <linearGradient
        id="j"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(.103 3.73 -3.73 .103 13.261 19.479)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 -.678 20.558) scale(6.454)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 -2.684 22.303) scale(4.863)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            fill="url(#b)"
            d="M30.712 6.174a2.75 2.75 0 0 0-2.75-2.75h-24a2.751 2.751 0 0 0-2.75 2.75v20.95a2.75 2.75 0 0 0 2.75 2.75h24a2.75 2.75 0 0 0 2.75-2.749z"
        />
        <path
            fill="url(#c)"
            d="M1.212 11.224h29.5v-5.05a2.75 2.75 0 0 0-2.75-2.75h-24a2.751 2.751 0 0 0-2.75 2.75z"
        />
        <path
            fill="url(#d)"
            d="M26.803 6.613h-7.681a.75.75 0 0 0 0 1.5h7.681a.75.75 0 0 0 0-1.5z"
        />
        <circle cx="6.162" cy="7.363" r="1.05" fill="url(#d)" />
        <circle cx="9.417" cy="7.363" r="1.05" fill="url(#e)" />
        <circle cx="12.672" cy="7.363" r="1.05" fill="url(#f)" />
        <path
            fill="#435a64"
            d="M15.655 15.501c0-1.38-1.12-2.501-2.501-2.501-1.38 0-2.5 1.121-2.5 2.501a.445.445 0 1 0 .891 0 1.61 1.61 0 0 1 3.219 0 .446.446 0 0 0 .891 0z"
        />
        <path
            fill="url(#g)"
            d="M16.966 27.69a.445.445 0 1 0 0-.891.846.846 0 0 1-.845-.887l.331-6.613a.846.846 0 0 1 .844-.803h.977a.444.444 0 0 0 .445-.468l-.066-1.323a1.737 1.737 0 0 0-1.734-1.65H9.391c-.925 0-1.688.726-1.734 1.65l-.458 9.162a1.736 1.736 0 0 0 1.734 1.823z"
        />
        <path fill="url(#h)" d="M16.177 24.809H7.252l.044-.891h8.925z" />
        <path
            fill="url(#i)"
            d="M24.385 19.157a1.633 1.633 0 0 0-1.631-1.552h-5.555c-.871 0-1.589.682-1.632 1.552l-.341 6.818a1.633 1.633 0 0 0 1.632 1.715h6.236a1.633 1.633 0 0 0 1.632-1.715z"
        />
        <path
            fill="url(#j)"
            d="M14.764 17.703a1.61 1.61 0 0 1-3.219 0 .446.446 0 0 0-.891 0c0 1.38 1.12 2.501 2.5 2.501a2.502 2.502 0 0 0 2.501-2.501.446.446 0 0 0-.891 0z"
        />
        <path
            fill="url(#k)"
            d="M21.12 19.924a1.145 1.145 0 1 1-2.288 0 .446.446 0 0 0-.891 0 2.036 2.036 0 0 0 4.071 0 .446.446 0 0 0-.892 0z"
        />
        <path fill="url(#l)" d="M24.703 25.51h-9.454l.045-.891h9.364z" />
    </g>
</svg>