Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 96 96"
>
    <linearGradient
        id="a"
        x1="7.842"
        x2="88.085"
        y1="17.208"
        y2="78.781"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#69f1f9" />
        <stop offset="1" stop-color="#75aefa" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="32.036"
        x2="39.967"
        y1="68.957"
        y2="75.043"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="15.15"
        x2="56.85"
        y1="26.001"
        y2="57.999"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M84 15H12a5 5 0 0 0-5 5v56a5 5 0 0 0 5 5h72a4.939 4.939 0 0 0 4.729-3.661A3.838 3.838 0 0 0 89 76V20a3.838 3.838 0 0 0-.271-1.339A4.938 4.938 0 0 0 84 15zM16.105 79H12a3 3 0 0 1-3-3V20a3 3 0 0 1 3-3h4.105A4.894 4.894 0 0 0 15 20v56a4.894 4.894 0 0 0 1.105 3zM55 76a3 3 0 0 1-3 3H20a3 3 0 0 1-3-3V20a3 3 0 0 1 3-3h32a3 3 0 0 1 3 3zm32 0c0 1.627-2.105 3-4.6 3H55.9a4.894 4.894 0 0 0 1.1-3v-.107A4.89 4.89 0 0 0 60 77a5 5 0 0 0 0-10 4.89 4.89 0 0 0-3 1.107V65h25a2.968 2.968 0 0 0 3-3V22a2.968 2.968 0 0 0-3-3H56.8a4.873 4.873 0 0 0-.9-2h26.5c2.5 0 4.6 1.373 4.6 3zm-30-4a3 3 0 1 1 3 3 3 3 0 0 1-3-3zm19-15h7v5a.978.978 0 0 1-1 1H57V21h25a.978.978 0 0 1 1 1v33h-7a1 1 0 0 0 0 2z"
    />
    <path
        fill="url(#b)"
        d="M36 67a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"
    />
    <path
        fill="url(#c)"
        d="M50 19H22a3 3 0 0 0-3 3v40a3 3 0 0 0 3 3h28a3 3 0 0 0 3-3V22a3 3 0 0 0-3-3zm1 36h-7a1 1 0 0 0 0 2h7v5a1 1 0 0 1-1 1H22a1 1 0 0 1-1-1V29h7a1 1 0 0 0 0-2h-7v-5a1 1 0 0 1 1-1h28a1 1 0 0 1 1 1z"
    />
</svg>