Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="496pt"
    height="496pt"
    viewBox="0 -40 496 496"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-34.104"
        x2="514.576"
        y1="434.104"
        y2="-114.576"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-62.104"
        x2="486.576"
        y1="406.104"
        y2="-142.576"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-36.104"
        x2="512.576"
        y1="432.104"
        y2="-116.576"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-110.104"
        x2="438.576"
        y1="358.104"
        y2="-190.576"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="1.896"
        x2="550.576"
        y1="470.104"
        y2="-78.576"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="7.896"
        x2="556.576"
        y1="476.104"
        y2="-72.576"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="3.896"
        x2="552.576"
        y1="472.104"
        y2="-76.576"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="53.896"
        x2="602.576"
        y1="522.104"
        y2="-26.576"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M456 0H40C17.918.027.027 17.918 0 40v224c.027 22.082 17.918 39.973 40 40h166.398l-13.085 72H152a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h192a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8h-41.328l-13.07-72H456c22.082-.027 39.973-17.918 40-40V40c-.027-22.082-17.918-39.973-40-40zM40 16h416c13.254 0 24 10.746 24 24v200H16V40c0-13.254 10.746-24 24-24zm296 384H160v-8h176zm-49.602-24h-76.796l13.093-72h50.64zM456 288H40c-13.254 0-24-10.746-24-24v-8h464v8c0 13.254-10.746 24-24 24zm0 0"
    />
    <path fill="url(#c)" d="M96 264H48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16zm0 0" />
    <path fill="url(#d)" d="M128 264h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16zm0 0" />
    <path
        fill="url(#e)"
        d="M56 224h128a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8H56a8 8 0 0 0-8 8v176a8 8 0 0 0 8 8zm8-176h112v160H64zm0 0"
    />
    <path
        fill="url(#c)"
        d="M260 136c28.719 0 52-23.281 52-52s-23.281-52-52-52-52 23.281-52 52c.035 28.703 23.297 51.965 52 52zm0-88c19.883 0 36 16.117 36 36s-16.117 36-36 36-36-16.117-36-36c.023-19.875 16.125-35.977 36-36zm0 0"
    />
    <path
        fill="url(#f)"
        d="M388 136c28.719 0 52-23.281 52-52s-23.281-52-52-52-52 23.281-52 52c.035 28.703 23.297 51.965 52 52zm0-88c19.883 0 36 16.117 36 36s-16.117 36-36 36-36-16.117-36-36c.023-19.875 16.125-35.977 36-36zm0 0"
    />
    <path
        fill="url(#g)"
        d="M216 168h216a8 8 0 0 0 0-16H216a8 8 0 0 0 0 16zm0 0"
    />
    <path
        fill="url(#h)"
        d="M216 200h136a8 8 0 0 0 0-16H216a8 8 0 0 0 0 16zm0 0"
    />
    <path
        fill="url(#i)"
        d="M392 184h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zm0 0"
    />
</svg>