Ui Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256.001"
        x2="256.001"
        y1="33.652"
        y2="478.348"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5cc6d0" />
        <stop offset=".49" stop-color="#a53692" />
        <stop offset="1" stop-color="#f06277" />
    </linearGradient>
    <g fill-rule="evenodd">
        <path
            fill="url(#a)"
            d="M482 393H301l19 75h46c5 0 8 3 8 7 0 5-3 8-8 8H146c-5 0-8-3-8-8 0-4 3-7 8-7h46l19-75H30c-16 0-30-13-30-29V59c0-17 14-30 30-30h452c17 0 30 13 30 30v305c0 16-13 29-30 29zm-20-87h-84c-4 0-7-4-7-8s3-7 7-7h84c4 0 8 3 8 7s-4 8-8 8zm-165 0h-84c-4 0-8-4-8-8s4-7 8-7h84c4 0 7 3 7 7s-3 8-7 8zm-166 0H48c-4 0-8-4-8-8s4-7 8-7h83c5 0 8 3 8 7s-4 8-8 8zm247-32c-2 0-4-1-5-2s-2-3-2-4v-69c0-4 3-8 7-8h84c4 0 8 4 8 8v68c-1 4-4 8-8 8h-84zm8-22 55-46h-55zm69-38-56 46h56zm-243 60c-2 0-3-1-5-2-1-1-1-3-2-4v-69c0-4 4-8 8-8h84c4 0 7 4 7 8v68c0 4-3 8-7 8h-84v-1zm8-23 56-45h-56zm69-37-56 46h56zM47 274c-2 0-4-1-5-2s-2-3-2-4v-69c0-4 4-8 8-8h83c5 0 8 4 8 8v68c0 4-4 8-8 8H48zm8-22 56-46H55zm69-38-56 46h56zm338-40h-84c-4 0-7-3-7-7s3-8 7-8h84c4 0 8 4 8 8s-4 7-8 7zm-165 0h-84c-4 0-8-3-8-7s4-8 8-8h84c4 0 7 4 7 8s-3 7-7 7zm-166 0H48c-4 0-8-3-8-7s4-8 8-8h83c5 0 8 4 8 8s-4 7-8 7zm247-31c-2 0-4-1-5-2-1-2-2-3-2-5V67c0-4 3-8 7-8h84c4 0 8 4 8 8v69c-1 3-4 7-8 7h-84zm8-23 55-46h-55zm69-38-56 46h56zm-242 61c-2 0-4-1-6-2-1-2-2-3-2-5V67c0-4 4-8 8-8h84c1 0 2 1 3 1 1 1 2 1 2 2 1 1 2 3 2 4v70c0 3-3 7-7 7h-84zm7-23 56-46h-56zm69-38-55 46h55zM48 143c-2 0-4-1-6-2-1-2-2-3-2-5V67c0-4 4-8 8-8h83c2 0 3 1 4 1l2 2c1 1 2 3 2 4v70c0 3-4 7-8 7H48zm7-23 56-46H55zm69-37-55 45h55zm338 282h-14c-5 0-8-3-8-7s3-8 8-8h14c4 0 8 4 8 8s-4 7-8 7zm35-28H15v27c0 8 7 15 15 15h452c9 0 15-7 15-15zM15 322h482V59c0-9-6-15-15-15H30c-8 0-15 6-15 15zm193 146h97l-19-75h-60z"
        />
    </g>
</svg>