Browser

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 2 98 98"
>
    <linearGradient
        id="a"
        x1="49.05"
        x2="49.05"
        y1="95.25"
        y2="8.841"
        gradientTransform="matrix(1 0 0 -1 0 104)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <path
        d="M84.2 11.3H13.8c-3.4 0-6 2.6-6 6v71.4c0 3.4 2.6 6 6 6h70.5c3.4 0 6-2.6 6-6V17.3c-.1-3.4-2.7-6-6.1-6zm-70.4 6h70.5v18.8H13.7l.1-18.8c-.1 0-.1 0 0 0zm0 71.4V42.1h70.5v46.6H13.8z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="23.2"
        x2="23.2"
        y1="95.25"
        y2="8.85"
        gradientTransform="matrix(1 0 0 -1 0 104)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <circle cx="23.2" cy="26.7" r="4.8" fill="url(#b)" />
    <linearGradient
        id="c"
        x1="35.6"
        x2="35.6"
        y1="95.25"
        y2="8.85"
        gradientTransform="matrix(1 0 0 -1 0 104)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <circle cx="35.6" cy="26.7" r="4.8" fill="url(#c)" />
    <linearGradient
        id="d"
        x1="62.4"
        x2="62.4"
        y1="95.25"
        y2="8.841"
        gradientTransform="matrix(1 0 0 -1 0 104)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <path
        d="M52 29.7h20.8c1.7 0 3-1.3 3-3s-1.3-3-3-3H52c-1.7 0-3 1.3-3 3s1.3 3 3 3z"
        fill="url(#d)"
    />
</svg>