onclickイベントでクラスを切り替えるにはどうすればいいですか。

Question

アイコンがクリックするたびに切り替わるようにしたいです。

下記のようなものを作りクリックしたらアイコンが消えたり見えたりするようにはなったのですが、アイコンが切り替わるようにするにはどうすればいいですか。

該当のソースコード

<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
<a onclick="changeGlyphicon()"><span class="fas fa-volume-mute" aria-hidden="true" id="class_glyphicon_name"></span>more</a>

var clickNumber = 0;
  function changeGlyphicon(){
    clickNumber++;
    if((clickNumber%2)==0){        
      document.getElementById("class_glyphicon_name").className="fas fa-volume-mute";
    }else{
      document.getElementById("class_glyphicon_name").className="glyphicon glyphicon-chevron-up";
    }
  }

試したこと

上記

補足情報（FW/ツールのバージョンなど）

font awesome

Answer 1

document.getElementById("class_glyphicon_name").classList.toggle('クラス名')

のような処理で