ボタンの状態は、クリックしたときの動作を示します。
ハンバーガーボタンが送信するページには、開くナビゲーションドロワーまたはサイドバーがあります。私の考えでは、一度開いたら、ハンバーガーアイコンをクリックして送信すると新しいナビゲーションドロワーが開くため、ボタンでハンバーガーアイコンを使用しないでください。
さて、閉じるアイコンは私には良いようです。 Material design では、ボタンを使用して閉じることはありません。したがって、サイドバーを閉じる方法は、要素をクリックするか、ページ上でクリックするか、（タッチデバイスで）サイドバーをドラッグすることです。
引き出しが開いたときにハンバーガーメニューアイコンをXに切り替える方が、アイコンを変更しないままにするよりも良いのではないでしょうか。
もしそうなら、私はそうそう主張します、特にあなたが移行をアニメーション化するなら、それは役に立ちます。新しい機能を反映するように状態を更新することは、私の本では良いことです。しかし、人々のシンボルを突然変更することはノーノーです。
可能であれば、ハンバーガーメニューを再検討することをお勧めします。 Nngroupはそれらを使用することに対していくつかの説得力のある議論を持っています： https://www.nngroup.com/articles/hamburger-menus/
使用する必要がある場合は、ハンバーガーにもかかわらずナビゲーションを強化するためのガイドラインをいくつか示します。 https://www.nngroup.com/articles/support-mobile-navigation/
乾杯
場合によります。ハンバーガーメニューを備えたアプリの場合、メニューを最小化するには左にスワイプするだけで十分であることをユーザーが知っているため、[〜＃〜] x [〜＃〜]アイコンは必要ありません。 。ただし、ウェブサイトでは異なります。通常はアプリに存在するすべてのジェスチャーをサポートしていないため、ある種の閉じるアイコンを表示することをお勧めします。