Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 48 48"
>
    <linearGradient
        id="a"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(40 40 -40 40 4 4)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f78cff" />
        <stop offset="1" stop-color="#6dc8ff" />
    </linearGradient>
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            fill="url(#a)"
            d="M23 42V20c0-1.656-1.344-3-3-3H6c-1.656 0-3 1.344-3 3v22c0 1.656 1.344 3 3 3h14c1.656 0 3-1.344 3-3zm-2-19v19a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V23zM8 41h10a1 1 0 0 0 0-2H8a1 1 0 0 0 0 2zm0-4h10a1 1 0 0 0 0-2H8a1 1 0 0 0 0 2zm11-11a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1zm-2-15h26v19a1 1 0 0 1-1 1H25a1 1 0 0 0 0 2h17c1.656 0 3-1.344 3-3V6c0-1.656-1.344-3-3-3H18c-1.656 0-3 1.344-3 3v9a1 1 0 0 0 2 0zm0 16v4H9v-4zm8 2h14a1 1 0 0 0 0-2H25a1 1 0 0 0 0 2zm0-4h14a1 1 0 0 0 0-2H25a1 1 0 0 0 0 2zm-4-4H5v-1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1zm4 0h13c1.656 0 3-1.344 3-3v-2c0-1.656-1.344-3-3-3H22a2.998 2.998 0 0 0-2.597 1.499.999.999 0 1 0 1.73 1.002c.174-.299.497-.501.867-.501h16a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H25a1 1 0 0 0 0 2zM43 9V6a1 1 0 0 0-1-1h-8.382l-2 4zM31.382 5H18a1 1 0 0 0-1 1v3h12.382zM38 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-3 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm6 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"
        />
    </g>
</svg>