cssプラグインで作れるハンバーガーメニュー

jonsuh.com

アイコンの切り替えはjQueryでclass「is-active」をトグルさせるだけです。

<p class="hamburger" id="btn">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</p>

サイズや色をカスタマイズするには、hamburgers.cssを自分で書き換える必要があります。