Ui Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="0"
        x2="64"
        y1="-106"
        y2="-106"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#80e19f" />
        <stop offset="1" stop-color="#82d5ee" />
    </linearGradient>
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <g fill="url(#a)">
            <circle cx="11" cy="46" r="1" />
            <path
                d="M5 42h54v2a1 1 0 0 1-1 1H14a1 1 0 0 0 0 2h10.917c-.184 1.557-.768 4.515-2.609 6.278A1 1 0 0 0 23 55h18a1 1 0 0 0 .692-1.722c-1.841-1.763-2.425-4.721-2.609-6.278H58a3 3 0 0 0 3-3V12a3 3 0 0 0-3-3h-2a1 1 0 0 0 0 2h2a1 1 0 0 1 1 1v28H5V12a1 1 0 0 1 1-1h47a1 1 0 0 0 0-2H6a3 3 0 0 0-3 3v32a3 3 0 0 0 3 3h2a1 1 0 0 0 0-2H6a1 1 0 0 1-1-1zm32.087 5H26.913c-.162 1.358-.619 3.897-1.873 6h13.92c-1.254-2.103-1.711-4.642-1.873-6z"
            />
            <path
                d="M31 25.5v-2a2.5 2.5 0 0 0-2.5-2.5h-18A2.5 2.5 0 0 0 8 23.5v12a2.5 2.5 0 0 0 2.5 2.5h18a2.5 2.5 0 0 0 2.5-2.5v-7a1 1 0 0 0-2 0v7c0 .133-.053.26-.146.354A.504.504 0 0 1 28.5 36h-18a.504.504 0 0 1-.354-.146A.504.504 0 0 1 10 35.5v-12c0-.133.053-.26.146-.354A.504.504 0 0 1 10.5 23h18c.133 0 .26.053.354.146A.504.504 0 0 1 29 23.5v2a1 1 0 0 0 2 0z"
            />
            <path
                d="M24.447 30.394a.998.998 0 0 0 0-1.788l-7-3.5A1 1 0 0 0 16 26v7a1 1 0 0 0 1.447.894zm-2.683-.894L18 31.382v-3.764zM34 23h21a1 1 0 0 0 0-2H34a1 1 0 0 0 0 2zM34 27h18a1 1 0 0 0 0-2H34a1 1 0 0 0 0 2zM34 31h19a1 1 0 0 0 0-2H34a1 1 0 0 0 0 2zM34 35h11.5a1 1 0 0 0 0-2H34a1 1 0 0 0 0 2zM51.5 15h2a1 1 0 0 1 0 2h-43a1 1 0 0 1 0-2h38a1 1 0 0 0 0-2h-38a3.001 3.001 0 0 0 0 6h43a3.001 3.001 0 0 0 0-6h-2a1 1 0 0 0 0 2z"
            />
        </g>
    </g>
</svg>