Keypad

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path
        fill="#5aaae7"
        d="M45 9v36a1.087 1.087 0 0 1-.01.18A5.987 5.987 0 0 1 41 50.65a5.8 5.8 0 0 1-2 .35H19a6.013 6.013 0 0 1-5.2-3v-.01A5.939 5.939 0 0 1 13 45V9a6 6 0 0 1 6-6h20a6 6 0 0 1 6 6z"
    />
    <path
        fill="#3d9ae2"
        d="M24.4 41.11a3 3 0 0 0-4.1 1.1l-4.5 7.78A5.939 5.939 0 0 1 15 47V29h-2v16a5.939 5.939 0 0 0 .8 2.99V48a6.013 6.013 0 0 0 5.2 3h3.16l3.34-5.79a3.006 3.006 0 0 0-1.1-4.1zM38 23h-1v-4a6 6 0 0 0-12 0v4h-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V24a1 1 0 0 0-1-1zm-9 0v-4a2 2 0 0 1 4 0v4z"
    />
    <path
        fill="#e6e7e8"
        d="M35 17v4h-4v-4a2 2 0 0 0-4 0v4h-4v-4a6 6 0 0 1 12 0z"
    />
    <path
        fill="#3d9ae2"
        d="M43 40v5.18A2.968 2.968 0 0 0 41 48V38a3.1 3.1 0 0 0-.13-.87 3.058 3.058 0 0 1 1.25.75A2.993 2.993 0 0 1 43 40z"
    />
    <path
        fill="#ff9811"
        d="M36 21H22a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V22a1 1 0 0 0-1-1z"
    />
    <path
        fill="#e6e7e8"
        d="M33 45a2.015 2.015 0 0 1-2 2h-4a1.99 1.99 0 0 1-1.83-1.21A1.9 1.9 0 0 1 25 45a1.955 1.955 0 0 1 .59-1.41 2.258 2.258 0 0 1 .29-.25A1.974 1.974 0 0 1 27 43h4a2.006 2.006 0 0 1 2 2z"
    />
    <path
        fill="#d8d7da"
        d="M25.9 43.71a3.012 3.012 0 0 1-.4 1.5l-.33.58A1.9 1.9 0 0 1 25 45a1.955 1.955 0 0 1 .59-1.41 2.258 2.258 0 0 1 .29-.25c.01.12.02.25.02.37z"
    />
    <path
        fill="#ffc477"
        d="M23.9 41.71a3 3 0 0 0-5.6-1.5l-4.5 7.78A5.939 5.939 0 0 1 13 45V29.02a2 2 0 0 0-1.54 1.14l-4.54 9.85A9.908 9.908 0 0 0 6 44.19V62l16-.01v-4.34a6.024 6.024 0 0 0-.86-3.09L19 51l4.5-7.79a3.012 3.012 0 0 0 .4-1.5zM59 50v12H32.11l-4.31-7.46a2.994 2.994 0 0 1 .41-3.54 2.692 2.692 0 0 1 .69-.56 3.012 3.012 0 0 1 1.5-.4 2.945 2.945 0 0 1 2.19.96 2.406 2.406 0 0 1 .41.54L35 55V38a3 3 0 0 1 6 0v10a3 3 0 0 1 3-3 2.718 2.718 0 0 1 .99.18 2.874 2.874 0 0 1 1.13.7A2.993 2.993 0 0 1 47 48v1a3 3 0 0 1 6 0v1a3 3 0 0 1 6 0z"
    />
    <path fill="#3d9ae2" d="M21 6h2v2h-2zM25 6h8v2h-8z" />
    <path
        fill="#ee8700"
        d="M31 26a2 2 0 1 0-3 1.722V30h2v-2.278A1.993 1.993 0 0 0 31 26z"
    />
    <g fill="#ffb655">
        <path
            d="M41 38v17h-3V35a2.993 2.993 0 0 1 2.12.88A2.969 2.969 0 0 1 41 38zM47 48v5h-3v-8a2.772 2.772 0 0 1 1 .18 2.838 2.838 0 0 1 1.12.7A2.993 2.993 0 0 1 47 48zM53 49v4h-3v-7a3 3 0 0 1 3 3zM59 50v12h-3V47a3 3 0 0 1 3 3z"
        />
    </g>
</svg>