Ui Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512.001"
        y2="-.001"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1aa8dc" />
        <stop offset=".49" stop-color="#ae3b89" />
        <stop offset="1" stop-color="#f26270" />
    </linearGradient>
    <g fill-rule="evenodd">
        <path
            fill="url(#a)"
            d="M370 264H143c-14 0-24-8-24-18V57h275v188c0 11-11 19-24 19zm-11 248H154c-3 0-5-1-6-3-1-1-2-4-2-6l12-61c0-3 3-6 7-6h40v38c0 12 10 22 23 22h57c12 0 21-8 23-19v-41h40c3 0 7 3 7 6l12 61c1 2 0 5-2 6-1 2-4 3-6 3zm-74-30h-57c-5 0-8-4-8-8v-57h73v57c0 4-4 8-8 8zm145-80H82c-15 0-28-12-28-27v-26h403v25c1 16-11 28-27 28zM54 333V118c0-15 13-27 28-27h16c3 0 5 1 6 2v153c0 20 20 33 39 33h227c20 0 39-13 39-34V93c1-2 3-3 6-3h15c15 0 27 12 27 28v215zm65-289V19c0-11 10-19 24-19h88l-32 44zm96 0 32-44h123c13 0 24 8 24 19v25zm127-9h-10c-4 0-7-3-7-7 0-3 4-6 7-6h10c4 0 7 3 7 7 0 3-4 6-7 6zm-33 0h-10c-3 0-6-3-6-7 0-3 3-6 7-6h9c4 0 7 3 7 7 0 3-3 6-7 6zm-32 0h-10c-3 0-6-3-6-7 0-3 3-6 6-6h10c4 0 6 3 6 7 0 3-2 6-6 6zm18 198h-77c-4 0-7-3-7-6V82c0-4 3-6 7-6h77c4 0 7 2 7 6v145c-1 3-4 6-7 6zm-71-13h65V88h-65zm-38-37c-1 0-3 0-4-1l-26-23c-1-1-2-3-2-5 0-1 1-3 2-4l26-23c3-2 7-2 9 0 2 3 2 7 0 10l-21 18 21 18c2 2 2 6 0 9-1 1-3 1-5 1zm141 0c-2 0-4 0-5-2-2-2-2-6 1-9l20-18-20-18c-3-2-3-6-1-9 2-2 6-3 9-1l26 23c2 1 2 3 2 5s0 4-2 5l-26 23c-1 1-3 1-4 1z"
        />
    </g>
</svg>