Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="16.147"
        x2="488.661"
        y1="535.853"
        y2="63.339"
        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="-137.853"
        x2="334.661"
        y1="381.853"
        y2="-90.661"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-121.853"
        x2="350.661"
        y1="397.853"
        y2="-74.661"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-105.853"
        x2="366.661"
        y1="413.853"
        y2="-58.661"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-15.853"
        x2="456.661"
        y1="503.853"
        y2="31.339"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-99.853"
        x2="372.661"
        y1="419.853"
        y2="-52.661"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-87.853"
        x2="384.661"
        y1="431.853"
        y2="-40.661"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="-85.853"
        x2="386.661"
        y1="433.853"
        y2="-38.661"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="60.147"
        x2="532.661"
        y1="579.853"
        y2="107.339"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="58.147"
        x2="530.661"
        y1="577.853"
        y2="105.339"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="4.147"
        x2="476.661"
        y1="523.853"
        y2="51.339"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M496 368h-40V140a28.031 28.031 0 0 0-28-28h-20v-12a28.031 28.031 0 0 0-28-28H132a28.031 28.031 0 0 0-28 28v12H84a28.031 28.031 0 0 0-28 28v228H16a8 8 0 0 0-8 8v28a28.031 28.031 0 0 0 28 28h440a28.031 28.031 0 0 0 28-28v-28a8 8 0 0 0-8-8zM120 100a12.01 12.01 0 0 1 12-12h248a12.01 12.01 0 0 1 12 12v20H120zm0 36h272v164a12.01 12.01 0 0 1-12 12H132a12.01 12.01 0 0 1-12-12zm12 192h248a28.031 28.031 0 0 0 28-28V152h8v192H96V152h8v148a28.031 28.031 0 0 0 28 28zM72 140a12.01 12.01 0 0 1 12-12h20v8H88a8 8 0 0 0-8 8v208a8 8 0 0 0 8 8h336a8 8 0 0 0 8-8V144a8 8 0 0 0-8-8h-16v-8h20a12.01 12.01 0 0 1 12 12v228H72zm204.46 244-3 8h-35.69l-2.67-8zM488 404a12.01 12.01 0 0 1-12 12H36a12.01 12.01 0 0 1-12-12v-20h194.23l6.18 18.53A8 8 0 0 0 232 408h47a8.005 8.005 0 0 0 7.49-5.19l7.05-18.81H488z"
    />
    <path fill="url(#b)" d="M144 96h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
    <path fill="url(#c)" d="M176 96h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
    <path fill="url(#d)" d="M208 96h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
    <path
        fill="url(#e)"
        d="m306.53 192.41-48-16a7.965 7.965 0 0 0-5.06 0l-48 16A8 8 0 0 0 200 200v64a8 8 0 0 0 5.47 7.59l48 16a8.011 8.011 0 0 0 5.06 0l48-16A8 8 0 0 0 312 264v-64a8 8 0 0 0-5.47-7.59zM248 268.9l-32-10.67V211.1l32 10.67zm8-61.33L233.3 200l22.7-7.57 22.7 7.57zm40 50.66-32 10.67v-47.13l32-10.67z"
    />
    <path fill="url(#f)" d="M136 160h64a8 8 0 0 0 0-16h-64a8 8 0 0 0 0 16z" />
    <path fill="url(#g)" d="M136 184h64a8 8 0 0 0 0-16h-64a8 8 0 0 0 0 16z" />
    <path fill="url(#h)" d="M136 208h24a8 8 0 0 0 0-16h-24a8 8 0 0 0 0 16z" />
    <path fill="url(#i)" d="M376 288h-64a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16z" />
    <path fill="url(#j)" d="M376 264h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16z" />
    <path
        fill="url(#k)"
        d="M344 192h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16z"
    />
</svg>