User Interface

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <rect fill="#c8cded" height="60" rx="4" width="34" x="15" y="2" />
    <path d="m27 2v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-2" fill="#9da1bf" />
    <path d="m28 57h8v2h-8z" fill="#9da1bf" />
    <path d="m24 10h16v16h-16z" fill="#fff" />
    <circle cx="32" cy="16" fill="#fbe1ca" r="3" />
    <path
        d="m27 26 .434-3.04a4.613 4.613 0 0 1 4.566-3.96 4.613 4.613 0 0 1 4.566 3.96l.434 3.04"
        fill="#3b5892"
    />
    <path d="m19 30h26v8h-26z" fill="#e2e7f6" />
    <g fill="#c8cded">
        <path d="m23 33h2v2h-2z" />
        <path d="m27 33h2v2h-2z" />
        <path d="m31 33h2v2h-2z" />
        <path d="m35 33h2v2h-2z" />
        <path d="m39 33h2v2h-2z" />
    </g>
    <rect fill="#e2e7f6" height="12" rx="2" width="16" x="24" y="42" />
    <path d="m28 45h8v2h-8z" fill="#c8cded" />
    <path d="m27 49h10v2h-10z" fill="#c8cded" />
    <path
        d="m35 22v-1.888a4.6 4.6 0 0 0 -2.891-1.112 4.963 4.963 0 0 0 -4.709 4.193l-.114.807h5.714a2 2 0 0 0 2-2z"
        fill="#4c6cb5"
    />
    <path
        d="m45 1h-26a5.006 5.006 0 0 0 -5 5v52a5.006 5.006 0 0 0 5 5h26a5.006 5.006 0 0 0 5-5v-52a5.006 5.006 0 0 0 -5-5zm-17 2h8v1a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1-1zm20 55a3 3 0 0 1 -3 3h-26a3 3 0 0 1 -3-3v-52a3 3 0 0 1 3-3h7v1a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3v-1h7a3 3 0 0 1 3 3z"
    />
    <path d="m28 57h8v2h-8z" />
    <path
        d="m24 27h16a1 1 0 0 0 1-1v-16a1 1 0 0 0 -1-1h-16a1 1 0 0 0 -1 1v16a1 1 0 0 0 1 1zm6-11a2 2 0 1 1 2 2 2 2 0 0 1 -2-2zm2 4a3.628 3.628 0 0 1 3.575 3.1l.272 1.9h-7.694l.272-1.9a3.628 3.628 0 0 1 3.575-3.1zm-7-9h14v14h-1.132l-.312-2.182a5.63 5.63 0 0 0 -2.7-4.026 4 4 0 1 0 -5.714 0 5.63 5.63 0 0 0 -2.7 4.026l-.31 2.182h-1.132z"
    />
    <path
        d="m45 29h-26a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-8a1 1 0 0 0 -1-1zm-1 8h-24v-6h24z"
    />
    <path d="m23 33h2v2h-2z" />
    <path d="m27 33h2v2h-2z" />
    <path d="m31 33h2v2h-2z" />
    <path d="m35 33h2v2h-2z" />
    <path d="m39 33h2v2h-2z" />
    <path
        d="m38 41h-12a3 3 0 0 0 -3 3v8a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-8a3 3 0 0 0 -3-3zm1 11a1 1 0 0 1 -1 1h-12a1 1 0 0 1 -1-1v-8a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1z"
    />
    <path d="m28 45h8v2h-8z" />
    <path d="m27 49h10v2h-10z" />
</svg>