Browser

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-46.557"
        x2="-22.85"
        y1="646.338"
        y2="622.631"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M501.333 0H10.667C4.779 0 0 4.779 0 10.667v490.667C0 507.221 4.779 512 10.667 512h490.667c5.888 0 10.667-4.779 10.667-10.667V10.667C512 4.779 507.221 0 501.333 0zm-10.666 21.333v85.333H21.333V21.333h469.334zM21.333 490.667V128h469.333v362.667H21.333z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-43.41"
        x2="-41.996"
        y1="644.192"
        y2="642.777"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <circle cx="85.333" cy="64" r="21.333" fill="url(#b)" />
    <linearGradient
        id="c"
        x1="-40.41"
        x2="-38.996"
        y1="644.192"
        y2="642.777"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <circle cx="149.333" cy="64" r="21.333" fill="url(#c)" />
    <linearGradient
        id="d"
        x1="-37.41"
        x2="-35.996"
        y1="644.192"
        y2="642.777"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <circle cx="213.333" cy="64" r="21.333" fill="url(#d)" />
    <linearGradient
        id="e"
        x1="-40.057"
        x2="-29.35"
        y1="637.838"
        y2="627.131"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M416 234.667H96c-5.888 0-10.667 4.779-10.667 10.667V352c0 5.888 4.779 10.667 10.667 10.667h320c5.888 0 10.667-4.779 10.667-10.667V245.333c0-5.888-4.779-10.666-10.667-10.666zM106.667 256h192v85.333h-192V256zm298.666 85.333H320V256h85.333v85.333z"
        fill="url(#e)"
    />
</svg>