Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-11.956"
        x2="516.958"
        y1="507.956"
        y2="-20.958"
        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="20.044"
        x2="548.958"
        y1="539.956"
        y2="11.042"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-125.956"
        x2="402.958"
        y1="393.956"
        y2="-134.958"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-109.956"
        x2="418.958"
        y1="409.956"
        y2="-118.958"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-93.956"
        x2="434.958"
        y1="425.956"
        y2="-102.958"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-23.956"
        x2="504.958"
        y1="495.956"
        y2="-32.958"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-19.956"
        x2="508.958"
        y1="499.956"
        y2="-28.958"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="32.044"
        x2="560.958"
        y1="551.956"
        y2="23.042"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="44.044"
        x2="572.958"
        y1="563.956"
        y2="35.042"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="56.044"
        x2="584.958"
        y1="575.956"
        y2="47.042"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="68.044"
        x2="596.958"
        y1="587.956"
        y2="59.042"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="80.044"
        x2="608.958"
        y1="599.956"
        y2="71.042"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M128 368a8 8 0 0 0 0-16h-8a8 8 0 0 0-16 0h-8a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h24v8H96a8 8 0 0 0 0 16h8a8 8 0 0 0 16 0h8a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8h-24v-8z"
    />
    <path
        fill="url(#a)"
        d="M112 312a72 72 0 1 0 72 72 72.081 72.081 0 0 0-72-72zm0 128a56 56 0 1 1 56-56 56.063 56.063 0 0 1-56 56z"
    />
    <path
        fill="url(#b)"
        d="M496 40H168a8 8 0 0 0-8 8v243.76A103.987 103.987 0 1 0 210.96 416H496a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8zM112 472a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88zm88-143.36V312h264v64H215.7a103.357 103.357 0 0 0-15.7-47.36zM488 400H214.77c.41-2.64.72-5.3.93-8H472a8 8 0 0 0 8-8v-80a8 8 0 0 0-8-8H192a8 8 0 0 0-8 8v5.03a105.614 105.614 0 0 0-8-6.95V104h312zm0-312H176V56h312z"
    />
    <path fill="url(#c)" d="M192 80h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" />
    <path fill="url(#d)" d="M224 80h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" />
    <path fill="url(#e)" d="M256 80h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" />
    <path
        fill="url(#f)"
        d="M472 112H192a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8h280a8 8 0 0 0 8-8v-40a8 8 0 0 0-8-8zm-8 40H200v-24h264z"
    />
    <path
        fill="url(#g)"
        d="M304 176H192a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h112a8 8 0 0 0 8-8v-96a8 8 0 0 0-8-8zm-8 96h-96v-80h96z"
    />
    <path fill="url(#h)" d="M472 176H328a8 8 0 0 0 0 16h144a8 8 0 0 0 0-16z" />
    <path fill="url(#i)" d="M472 200H328a8 8 0 0 0 0 16h144a8 8 0 0 0 0-16z" />
    <path fill="url(#j)" d="M472 224H328a8 8 0 0 0 0 16h144a8 8 0 0 0 0-16z" />
    <path fill="url(#k)" d="M472 248H328a8 8 0 0 0 0 16h144a8 8 0 0 0 0-16z" />
    <path fill="url(#l)" d="M472 272H328a8 8 0 0 0 0 16h144a8 8 0 0 0 0-16z" />
</svg>