Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="472pt"
    height="472pt"
    viewBox="0 -40 472 472"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="236.002"
        x2="236.002"
        y1="-21.231"
        y2="410.906"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="103.31"
        x2="103.31"
        y1="-21.231"
        y2="410.906"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="156.303"
        x2="156.303"
        y1="-21.231"
        y2="410.906"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="50.317"
        x2="50.317"
        y1="-21.231"
        y2="410.906"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="236"
        x2="236"
        y1="-21.231"
        y2="410.906"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M472 92.2V7.542C472 3.125 468.414 0 464 0H8C3.582 0 0 3.125 0 7.543v376.914C0 388.875 3.582 392 8 392h456c4.418 0 8-3.125 8-7.543V92.199zM456 16v68H16V16zM16 376V100h440v276zm0 0"
    />
    <path
        fill="url(#c)"
        d="M103.309 75.145c13.402 0 24.308-11.262 24.308-25.106s-10.902-25.102-24.308-25.102S79 36.2 79 50.04c0 13.836 10.906 25.106 24.309 25.106zm0-34.211c4.582 0 8.308 4.082 8.308 9.097 0 5.02-3.726 9.11-8.308 9.11-4.579 0-8.309-4.082-8.309-9.102 0-5.023 3.73-9.105 8.309-9.105zm0 0"
    />
    <path
        fill="url(#d)"
        d="M156.3 75.145c13.4 0 24.305-11.262 24.305-25.106s-10.898-25.102-24.304-25.102S132 36.2 132 50.04c0 13.836 10.898 25.106 24.3 25.106zm0-34.211c4.579 0 8.305 4.082 8.305 9.097 0 5.02-3.726 9.11-8.304 9.11-4.582 0-8.301-4.082-8.301-9.102 0-5.023 3.723-9.105 8.3-9.105zm0 0"
    />
    <path
        fill="url(#e)"
        d="M50.316 75.145c13.403 0 24.305-11.262 24.305-25.106S63.723 24.937 50.316 24.937 26.012 36.2 26.012 50.04c0 13.836 10.902 25.106 24.304 25.106zm0-34.211c4.582 0 8.305 4.082 8.305 9.097 0 5.02-3.723 9.11-8.305 9.11-4.578 0-8.304-4.086-8.304-9.11 0-5.02 3.726-9.097 8.304-9.097zm0 0"
    />
    <path
        fill="url(#f)"
        d="M380.18 259h-90.91l8.886-33.344a8.05 8.05 0 0 0-.816-6.117l-54.43-93.402a8 8 0 0 0-6.906-3.977 8.005 8.005 0 0 0-6.914 3.969l-54.43 93.383a8.148 8.148 0 0 0-.8 6.207L183.026 259H91.82a7.762 7.762 0 0 0-7.82 7.898v77.786c0 4.418 3.398 8.32 7.82 8.32h288.36c4.418 0 7.82-3.902 7.82-8.32v-77.786a7.763 7.763 0 0 0-7.82-7.898zm-140.45-59.207c0 2.059-1.671 3.727-3.73 3.727a3.729 3.729 0 1 1 0-7.458 3.738 3.738 0 0 1 3.73 3.731zm-49.55 24.918L228 159.77v22a19.735 19.735 0 0 0-11.3 22.125c1.933 9.117 9.98 15.64 19.3 15.64s17.367-6.523 19.3-15.64A19.735 19.735 0 0 0 244 181.77v-22l37.84 64.976L272.71 259H199.63zM372 275v10H100v-10zm-14 62v-6.855a8 8 0 0 0-16 0V337h-9v-17a8 8 0 0 0-16 0v17h-10v-6.855a8 8 0 0 0-16 0V337h-9v-17a8 8 0 0 0-16 0v17h-9v-6.855a8 8 0 0 0-16 0V337h-10v-17a8 8 0 0 0-16 0v17h-9v-6.855a8 8 0 0 0-16 0V337h-9v-17a8 8 0 0 0-16 0v17h-10v-6.855a8 8 0 0 0-16 0V337h-9v-17a8 8 0 0 0-16 0v17h-14v-36h272v36zm0 0"
    />
</svg>