Browser

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 28 28"
>
    <linearGradient
        id="a"
        x1="2.05"
        x2="29.95"
        y1="2.05"
        y2="29.95"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f0f" />
        <stop offset="1" stop-color="navy" />
    </linearGradient>
    <g
        fill="url(#a)"
        stroke-linecap="round"
        stroke-linejoin="round"
        transform="translate(-2 -2)"
    >
        <path
            d="M7 2C4.247 2 2 4.247 2 7v4a1 1 0 0 0 1 1h25v13c0 1.68-1.32 3-3 3H7c-1.68 0-3-1.32-3-3V15a1 1 0 0 0-1-1 1 1 0 0 0-1 1v10c0 2.753 2.247 5 5 5h18c2.753 0 5-2.247 5-5V7c0-2.753-2.247-5-5-5zm0 2h18c1.68 0 3 1.32 3 3v3H4V7c0-1.68 1.32-3 3-3z"
        />
        <g stroke-width="2">
            <path
                d="M8 7a1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1 1 1 0 0 1 1 1zM12 7a1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1 1 1 0 0 1 1 1zM16 7a1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1 1 1 0 0 1 1 1z"
            />
        </g>
    </g>
</svg>