Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="3.342"
        x2="506.743"
        y1="508.658"
        y2="5.257"
        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="31.342"
        x2="534.743"
        y1="536.658"
        y2="33.257"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-16.658"
        x2="486.743"
        y1="488.658"
        y2="-14.743"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="79.342"
        x2="582.743"
        y1="584.658"
        y2="81.257"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-84.658"
        x2="418.743"
        y1="420.658"
        y2="-82.743"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-148.658"
        x2="354.743"
        y1="356.658"
        y2="-146.743"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-20.658"
        x2="482.743"
        y1="484.658"
        y2="-18.743"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M476 160a28.031 28.031 0 0 0 28-28V36a28.031 28.031 0 0 0-28-28H36A28.031 28.031 0 0 0 8 36v96a28.031 28.031 0 0 0 28 28h182.23l2.67 8H84a28.031 28.031 0 0 0-28 28v236H16a8 8 0 0 0-8 8v36a28.031 28.031 0 0 0 28 28h440a28.031 28.031 0 0 0 28-28v-36a8 8 0 0 0-8-8h-40V196a28.031 28.031 0 0 0-28-28H291.1l2.67-8zm12 288v28a12.01 12.01 0 0 1-12 12H36a12.01 12.01 0 0 1-12-12v-28h177.75l6.49 25.94A8 8 0 0 0 216 480h80a8 8 0 0 0 7.76-6.06l6.49-25.94zm-269.75 0h75.5l-4 16h-67.5zM428 184a12.01 12.01 0 0 1 12 12v236H72V196a12.01 12.01 0 0 1 12-12h142.23l2.67 8H88a8 8 0 0 0-8 8v216a8 8 0 0 0 8 8h336a8 8 0 0 0 8-8V200a8 8 0 0 0-8-8H283.1l2.67-8zm-193.77 24 14.18 42.53a8 8 0 0 0 15.18 0L277.77 208H416v200H96V208zM288 144a8 8 0 0 0-7.59 5.47L256 222.7l-24.41-73.23A8 8 0 0 0 224 144H36a12.01 12.01 0 0 1-12-12V36a12.01 12.01 0 0 1 12-12h440a12.01 12.01 0 0 1 12 12v96a12.01 12.01 0 0 1-12 12z"
    />
    <path
        fill="url(#b)"
        d="M224 352h64a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-64a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h48v48h-48z"
    />
    <path
        fill="url(#c)"
        d="M128 352h64a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-64a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h48v48h-48z"
    />
    <path
        fill="url(#d)"
        d="M320 352h64a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-64a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h48v48h-48z"
    />
    <path
        fill="url(#e)"
        d="M288 120a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8h-64a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm-56-64h48v48h-48z"
    />
    <path
        fill="url(#f)"
        d="M160 40H96a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8zm-8 64h-48V56h48z"
    />
    <path
        fill="url(#g)"
        d="M352 120h64a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8h-64a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h48v48h-48z"
    />
</svg>