Ui Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 60 60"
>
    <path
        fill="#366977"
        d="M1 54v4a1 1 0 0 0 1 1h56a1 1 0 0 0 1-1v-4l-1-1H2z"
    />
    <path fill="#447884" d="M54.85 48 59 54H1l4.15-6L6 47h48z" />
    <path
        fill="#366977"
        d="M1 43v4a1 1 0 0 0 1 1h56a1 1 0 0 0 1-1v-4l-1-1H2z"
    />
    <path
        fill="#447884"
        d="M12 30h-.952a2 2 0 0 0-1.644.862L1 43h58l-8.4-12.138A2 2 0 0 0 48.952 30z"
    />
    <path
        fill="#d9dde3"
        d="M47 9v24a3 3 0 0 1-3 3H16a3 3 0 0 1-3-3V9l1-1h32z"
    />
    <path fill="#447884" d="M47 4v5H13V4a3 3 0 0 1 3-3h28a3 3 0 0 1 3 3z" />
    <g fill="#373737">
        <path
            d="M60 47v-4a.189.189 0 0 0 0-.023.976.976 0 0 0-.068-.34c-.011-.027-.025-.049-.038-.075a.951.951 0 0 0-.067-.131l-8.4-12.14A3 3 0 0 0 48.952 29H48V4a4 4 0 0 0-4-4H16a4 4 0 0 0-4 4v5a1 1 0 0 0 1 1h33v23a2 2 0 0 1-2 2H16a2 2 0 0 1-2-2V13a1 1 0 0 0-2 0v16h-.952a3 3 0 0 0-2.467 1.292L.178 42.431a.951.951 0 0 0-.067.131c-.012.026-.027.048-.038.075a.976.976 0 0 0-.068.34A.189.189 0 0 0 0 43v4a2 2 0 0 0 2 2h1.243L.178 53.431a.846.846 0 0 0-.066.131c-.013.025-.028.049-.039.076a.966.966 0 0 0-.068.339A.189.189 0 0 0 0 54v4a2 2 0 0 0 2 2h56a2 2 0 0 0 2-2v-4a.189.189 0 0 0 0-.023.966.966 0 0 0-.068-.339c-.011-.027-.026-.051-.039-.077a.883.883 0 0 0-.066-.13L56.757 49H58a2 2 0 0 0 2-2zM14 8V4a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v4zm-3.775 23.432a1 1 0 0 1 .823-.432H12v2a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4v-2h.952a1 1 0 0 1 .822.431L57.092 42H2.908zM2 44h56v3H2zm0 14v-3h56v3zm55.093-5H2.907l2.768-4h48.65z"
        />
        <path
            d="M18 4h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM23 4h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM43 4h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2zM34 26a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2h-1v-9h1a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2h1v9zM21 15a1 1 0 0 0-1 1v7a5 5 0 0 0 10 0v-7a1 1 0 0 0-2 0v7a3 3 0 0 1-6 0v-7a1 1 0 0 0-1-1z"
        />
    </g>
</svg>