ハンバーガーメニューにアイコンを使うようにする

Author: Fukusan64

_includes/header.html

@@ -13,10 +13,8 @@ <h1 class="xl:block hidden mx-auto max-w-lg pt-5 px-8">
           alt="DojoCon Japan 2025 Inspire Next." />
       </a>
       <button id="menu-btn" type="button" aria-label="メニューを開く"
-        class="flex h-9 w-12 shrink-0 flex-col items-center justify-center rounded border border-gray-300 bg-white cursor-pointer">
-        <span class="block w-8 h-0.5 mb-1.5 rounded bg-gray-400"></span>
-        <span class="block w-8 h-0.5 mb-1.5 rounded bg-gray-400"></span>
-        <span class="block w-8 h-0.5 rounded bg-gray-400"></span>
+        class="flex p-2 shrink-0 flex-col items-center justify-center rounded border border-gray-300 bg-white cursor-pointer">
+        <i class="fa-solid fa-bars"></i>
       </button>
     </div>
     <nav id="menu-nav" class="hidden my-2 flex-col items-stretch transition-all duration-300">