javascript – Alterar Icon Font Awesome via JS – Botão Menu

Estou aprendendo JS e não consigo encontrar uma solução para o problema que eu mesmo criei tentando fazer algo melhor que o professor fez no curso

A situação é a seguinte: Tenho um botão que abre e fecha um menu lateral e fiz ele com um ícone do Font Awesome, agora preciso que quando clique nele ele troque a classe desse ícone e ao clicar novamente retorne para a classe inicial.

primeira
segunda
terceira

Na solução que tentei ele apenas se altera a primeira vez

HTML

<body>
    <div class="container">
        <div class="hamburguer"><i id="icon-hamburguer" class="fas fa-bars"></i>
</div>

JS

var hamburguer = document.querySelector(".hamburguer");

hamburguer.addEventListener("click", function () {
  document.querySelector(".container").classList.toggle("show-menu");
  document.getElementById("icon-hamburguer").className = "fas fa-times";
});