Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="2"
        x2="26"
        y1="19"
        y2="19"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d3ced4" />
        <stop offset="1" stop-color="#8b808e" />
    </linearGradient>
    <linearGradient id="b" x1="6" x2="18" y1="24" y2="24" href="#a" />
    <linearGradient
        id="c"
        x1="2"
        x2="26"
        y1="5"
        y2="5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#8b808e" />
        <stop offset="1" stop-color="#655e68" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="16"
        x2="30"
        y1="21"
        y2="21"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffc269" />
        <stop offset="1" stop-color="#e5646e" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="17"
        x2="29"
        y1="19"
        y2="19"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c4d3f1" />
        <stop offset="1" stop-color="#8ab2e9" />
    </linearGradient>
    <g>
        <path
            fill="url(#a)"
            d="M26 8v5a1 1 0 0 1-2 0v-3H4v17h7a1 1 0 0 1 .29-.71 1 1 0 0 1 1.42 0l1 1a1 1 0 0 1 0 1.42l-1 1A1 1 0 0 1 11 29H3a1 1 0 0 1-1-1V8z"
        />
        <path
            fill="url(#b)"
            d="M18 24a1 1 0 0 1-1 1H9a1 1 0 0 1-1.71.71l-1-1a1 1 0 0 1-.21-.33 1 1 0 0 1 0-.76 1 1 0 0 1 .21-.33l1-1a1 1 0 0 1 1.42 0A1 1 0 0 1 9 23h8a1 1 0 0 1 1 1z"
        />
        <path fill="url(#c)" d="M26 3v5H2V3a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1z" />
        <path d="M26 6v2H2V3a1 1 0 0 1 1-1h1a4 4 0 0 0 4 4z" opacity=".13" />
        <path fill="#ffc269" d="M21 6h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
        <path
            fill="url(#d)"
            d="M30 13v16a1 1 0 0 1-1 1H17a1 1 0 0 1-1-1V13a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1z"
        />
        <path
            fill="#e5646e"
            d="M30 29a1 1 0 0 1-1 1H17a1 1 0 0 1-1-1V13a1 1 0 0 1 1-1v12a5 5 0 0 0 5 5z"
        />
        <path
            fill="url(#e)"
            d="M29 14.12V25H17V14.12A1.12 1.12 0 0 1 18.12 13h9.76A1.12 1.12 0 0 1 29 14.12z"
        />
        <path
            fill="#8ab2e9"
            d="M29 23v2H17V14.12A1.12 1.12 0 0 1 18 13v5a5 5 0 0 0 5 5z"
        />
        <path
            fill="#fff"
            d="M24 29h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM30 24v2H16v-2z"
        />
        <path fill="#b3e59f" d="M8 5a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
        <path fill="#ff8086" d="M11 5a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
        <path fill="#8ab2e9" d="M14 5a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
    </g>
</svg>