Ui Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="8.727"
        x2="511.2"
        y1="503.273"
        y2=".8"
        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="116.727"
        x2="619.2"
        y1="611.273"
        y2="108.8"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-39.274"
        x2="463.199"
        y1="455.272"
        y2="-47.201"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="24.727"
        x2="527.2"
        y1="519.273"
        y2="16.8"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="88.727"
        x2="591.2"
        y1="583.273"
        y2="80.8"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="44.727"
        x2="547.2"
        y1="539.273"
        y2="36.8"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="56.727"
        x2="559.2"
        y1="551.273"
        y2="48.8"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="68.727"
        x2="571.2"
        y1="563.273"
        y2="60.8"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M372 8H140a28.031 28.031 0 0 0-28 28v440a28.031 28.031 0 0 0 28 28h232a28.031 28.031 0 0 0 28-28V36a28.031 28.031 0 0 0-28-28zm-70.25 16-4 16h-83.5l-4-16zM384 476a12.01 12.01 0 0 1-12 12H140a12.01 12.01 0 0 1-12-12V36a12.01 12.01 0 0 1 12-12h53.75l6.49 25.94A8 8 0 0 0 208 56h96a8 8 0 0 0 7.76-6.06L318.25 24H372a12.01 12.01 0 0 1 12 12z"
    />
    <path fill="url(#b)" d="M280 464h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16z" />
    <path
        fill="url(#c)"
        d="M256 72a87.972 87.972 0 0 0-52.57 158.53 7.878 7.878 0 0 0 1.29.94 87.812 87.812 0 0 0 102.55.01 7.957 7.957 0 0 0 1.28-.94A87.969 87.969 0 0 0 256 72zm39.8 147.96a71.8 71.8 0 0 1-79.6 0c-.13-1.31-.2-2.63-.2-3.96a40 40 0 0 1 80 0c0 1.33-.07 2.65-.2 3.96zM240 144a16 16 0 1 1 16 16 16.021 16.021 0 0 1-16-16zm71.13 62.24a56.176 56.176 0 0 0-31.31-40.91 32 32 0 1 0-47.64 0 56.176 56.176 0 0 0-31.31 40.91 72 72 0 1 1 110.26 0z"
    />
    <path
        fill="url(#d)"
        d="M336 264H176a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H184v-16h144z"
    />
    <path
        fill="url(#e)"
        d="M336 392H176a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H184v-16h144z"
    />
    <path fill="url(#f)" d="M272 336a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16z" />
    <path
        fill="url(#g)"
        d="M184 352a8 8 0 0 0 8 8h128a8 8 0 0 0 0-16H192a8 8 0 0 0-8 8z"
    />
    <path fill="url(#h)" d="M200 368a8 8 0 0 0 0 16h112a8 8 0 0 0 0-16z" />
</svg>