Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="11.654"
        x2="503.64"
        y1="512.346"
        y2="20.36"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="181.654"
        x2="673.64"
        y1="682.346"
        y2="190.36"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-18.346"
        x2="473.64"
        y1="482.346"
        y2="-9.64"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-28.346"
        x2="463.64"
        y1="472.346"
        y2="-19.64"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="137.654"
        x2="629.64"
        y1="638.346"
        y2="146.36"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M476 240h-4V100a28.031 28.031 0 0 0-28-28H36a28.031 28.031 0 0 0-28 28v272a28.031 28.031 0 0 0 28 28h146.24l-4.8 24H136a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h208a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8h-41.6l-5.4-24h63v36a28.031 28.031 0 0 0 28 28h88a28.031 28.031 0 0 0 28-28V268a28.031 28.031 0 0 0-28-28zM336 440v8H144v-8zm-142.24-16 4.8-24h82.04l5.4 24zM360 384H36a12.01 12.01 0 0 1-12-12v-12h336zm0-116v76H24V100a12.01 12.01 0 0 1 12-12h408a12.01 12.01 0 0 1 12 12v140h-68a28.031 28.031 0 0 0-28 28zm92.9-12-2.67 8h-36.46l-2.67-8zM488 436a12.01 12.01 0 0 1-12 12h-88a12.01 12.01 0 0 1-12-12V268a12.01 12.01 0 0 1 12-12h6.23l6.18 18.53A8 8 0 0 0 408 280h48a8 8 0 0 0 7.59-5.47l6.18-18.53H476a12.01 12.01 0 0 1 12 12z"
    />
    <path fill="url(#b)" d="M440 424h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" />
    <path
        fill="url(#c)"
        d="M300 152H180a28.031 28.031 0 0 0-28 28v88a28.031 28.031 0 0 0 28 28h120a28.031 28.031 0 0 0 28-28v-88a28.031 28.031 0 0 0-28-28zm12 116a12.01 12.01 0 0 1-12 12H180a12.01 12.01 0 0 1-12-12v-88a12.01 12.01 0 0 1 12-12h120a12.01 12.01 0 0 1 12 12z"
    />
    <path
        fill="url(#d)"
        d="M195.794 270.805a8 8 0 0 0 7.784.35l80-40a8 8 0 0 0 0-14.31l-80-40A8 8 0 0 0 192 184v80a8 8 0 0 0 3.794 6.805zM208 196.944 262.111 224 208 251.056z"
    />
    <path
        fill="url(#e)"
        d="m460.116 345.14-40-24A8 8 0 0 0 408 328v48a8 8 0 0 0 12.116 6.86l40-24a8 8 0 0 0 0-13.72zM424 361.871v-19.742L440.451 352z"
    />
</svg>