Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-3.867"
        x2="511.059"
        y1="483.867"
        y2="-31.059"
        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="-23.867"
        x2="491.059"
        y1="463.867"
        y2="-51.06"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="2.133"
        x2="517.059"
        y1="489.867"
        y2="-25.059"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M476 48H36A28.031 28.031 0 0 0 8 76v296a28.031 28.031 0 0 0 28 28h154.56l-5.34 32H152a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h288a8 8 0 0 0 0-16h-32v-16a8 8 0 0 0-8-8h-33.22l-5.34-32H476a28.031 28.031 0 0 0 28-28V76a28.031 28.031 0 0 0-28-28zM352 448v8H160v-8zm-150.56-16 5.34-32h98.44l5.34 32zM488 372a12.01 12.01 0 0 1-12 12H36a12.01 12.01 0 0 1-12-12v-20h464zM219.06 144l12 24h-62.12l12-24zm-30.12-16L200 105.89 211.06 128zM232 184v152h-8V184zm-40.07 0H208v152h-16V185a8.258 8.258 0 0 0-.07-1zm-15.86 0a8.258 8.258 0 0 0-.07 1v151h-8V184zM312 160h32v16h-16a8 8 0 0 0 0 16h16v16h-32a8 8 0 0 0 0 16h32v16h-16a8 8 0 0 0 0 16h16v16h-32a8 8 0 0 0 0 16h32v16h-16a8 8 0 0 0 0 16h16v16h-64V128h64v16h-32a8 8 0 0 0 0 16zm176 176H360V120a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v216h-16V168a8.081 8.081 0 0 0-.84-3.58l-40-80a8.009 8.009 0 0 0-14.32 0l-40 80A8.081 8.081 0 0 0 152 168v168H24V76a12.01 12.01 0 0 1 12-12h440a12.01 12.01 0 0 1 12 12z"
    />
    <path fill="url(#b)" d="M96 360H48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16z" />
    <path fill="url(#c)" d="M128 360h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
</svg>