ハンバーガーメニューのアイコンをCSSで作る

ハンバーガーメニューのアイコンをCSSで作る方法をご紹介します。
以下の方法は、簡単な横方向の3本線のアイコンです。

MENU

疑似要素beforeを使用して上下の線を作り、疑似要素afterで中央の線を作ります。