Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="640"
    height="640"
    viewBox="0 0 480 480"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#20d6de" />
        <stop offset="1" stop-color="#5e309d" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-8"
        x2="476.248"
        y1="240"
        y2="240"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-8"
        x2="476.248"
        y1="192"
        y2="192"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-8"
        x2="476.248"
        y1="104"
        y2="104"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-8"
        x2="476.248"
        y1="136"
        y2="136"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-8"
        x2="476.248"
        y1="168"
        y2="168"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-8"
        x2="476.248"
        y1="200"
        y2="200"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="-8"
        x2="476.248"
        y1="232"
        y2="232"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="-8"
        x2="476.248"
        y1="264"
        y2="264"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="-8"
        x2="476.248"
        y1="160"
        y2="160"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M0 384h192v48H64v48h352v-48H288v-48h192V0H0zm400 64v16H80v-16zm-128-16h-64v-48h64zM16 16h448v352H16zm0 0"
    />
    <path fill="url(#c)" d="M448 32H32v320h416zm-16 304H48V48h384zm0 0" />
    <path fill="url(#c)" d="M176 64H64v256h112zm-16 240H80V80h80zm0 0" />
    <path fill="url(#d)" d="M96 96h32v16H96zm0 0" />
    <path fill="url(#e)" d="M112 128h32v16h-32zm0 0" />
    <path fill="url(#f)" d="M96 160h32v16H96zm0 0" />
    <path fill="url(#g)" d="M112 192h32v16h-32zm0 0" />
    <path fill="url(#h)" d="M96 224h32v16H96zm0 0" />
    <path fill="url(#i)" d="M112 256h32v16h-32zm0 0" />
    <path
        fill="url(#c)"
        d="M240 304h128v16h48v-48h-16V112h16V64h-48v48h16v160h-16v16H240v-16h-48v48h48zM384 80h16v16h-16zm0 208h16v16h-16zm-160 16h-16v-16h16zm0 0"
    />
    <path
        fill="url(#j)"
        d="M240 256h128V128h-48V64H192v128h48zm112-16h-96v-96h96zm-144-64V80h96v48h-64v48zm0 0"
    />
    <path fill="url(#d)" d="M224 96h16v16h-16zm0 0" />
</svg>