メニューアイコンの要素名が本動画では以下のように div となっています。

<div class="sp-menu">
  <span class="material-icons" id="open">menu</span>
</div>

HTML要素リファレンス(https://developer.mozilla.org/ja/docs/Web/HTML/Element) を参照すると、 nav の方が適切かと思いました。本動画では簡素な作りなので div で作成しているといった感じでしょうか。

現在、自分自身のホームページを作成しており、ハンバーガーメニューを作りたいのですが、
要素名で迷っています。
もし nav でも構わない場合、クラス名も同様に
<nav class="sp-menu"> と書いても問題ないでしょうか？

ご回答のほど、よろしくお願いいたします。