User Interface

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <g>
        <path
            fill="#00bebd"
            d="M62 11v39H2V11a3 3 0 0 1 3-3h54a3 3 0 0 1 3 3z"
        />
        <path
            fill="#50d9d7"
            d="M1 50h62a1 1 0 0 1 1 1v2a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3v-2a1 1 0 0 1 1-1z"
        />
        <path fill="#fff" d="M60 11v37H4V11a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z" />
        <path
            fill="#f3f3f3"
            d="M39 52H25a2 2 0 0 1-2-2c0-.1-.84 0 18 0a2 2 0 0 1-2 2z"
        />
        <path fill="#50d9d7" d="M5 10h54a1 1 0 0 1 1 1v3H4v-3a1 1 0 0 1 1-1z" />
        <path fill="#93e6e5" d="M18 10h17a3 3 0 0 1 3 3v1H18v-4z" />
        <path fill="#fff" d="M5 10h14a3 3 0 0 1 3 3v1H4v-3a1 1 0 0 1 1-1z" />
        <path fill="#93e6e5" d="M4 16h56v20H4z" />
        <g fill="#50d9d7">
            <path d="m11 36 12.5-12.5L29 29l9-9 15 16z" />
            <circle cx="17" cy="22" r="2" />
            <path
                d="M55 29a1 1 0 0 1-.71-1.71l1.3-1.29-1.3-1.29a1 1 0 0 1 1.42-1.42l2 2a1 1 0 0 1 0 1.42C55.53 28.89 55.54 29 55 29zM9 29a1 1 0 0 0 .7-1.71L8.41 26l1.29-1.29a1 1 0 0 0-1.41-1.42l-2 2a1 1 0 0 0 0 1.42C8.47 28.89 8.46 29 9 29z"
            />
        </g>
        <circle cx="9" cy="42" r="3" fill="#ffac00" />
        <path fill="#d9d9d9" d="M14 39h14v2H14zM14 43h14v2H14z" />
        <circle cx="39" cy="42" r="3" fill="#ffac00" />
        <circle cx="39" cy="42" r="3" fill="#ffac00" />
        <path fill="#d9d9d9" d="M44 39h14v2H44zM44 43h14v2H44z" />
        <path
            fill="#ea9807"
            d="M9 41a1 1 0 0 0 0 2 1 1 0 0 0 0-2zM39 41a1 1 0 0 0 0 2 1 1 0 0 0 0-2z"
        />
    </g>
</svg>