diff --git a/package.json b/package.json
index 1c73710..89b23f0 100644
--- a/package.json
+++ b/package.json
@@ -14,8 +14,8 @@
     "@astrojs/check": "^0.9.5",
     "@astrojs/sitemap": "^3.6.0",
     "@astrojs/ts-plugin": "^1.10.5",
-    "@iconify-json/fa6-brands": "^1.2.6",
-    "@iconify-json/fa6-solid": "^1.2.4",
+    "@iconify-json/fa7-brands": "^1.0.0",
+    "@iconify-json/fa7-solid": "^1.0.0",
     "@resvg/resvg-js": "^2.6.2",
     "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "^4.1.16",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8b05bb6..3ddcbfe 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,12 +17,12 @@ importers:
       '@astrojs/ts-plugin':
         specifier: ^1.10.5
         version: 1.10.5
-      '@iconify-json/fa6-brands':
-        specifier: ^1.2.6
-        version: 1.2.6
-      '@iconify-json/fa6-solid':
-        specifier: ^1.2.4
-        version: 1.2.4
+      '@iconify-json/fa7-brands':
+        specifier: ^1.0.0
+        version: 1.2.0
+      '@iconify-json/fa7-solid':
+        specifier: ^1.0.0
+        version: 1.2.2
       '@resvg/resvg-js':
         specifier: ^2.6.2
         version: 2.6.2
@@ -373,11 +373,11 @@ packages:
   '@expressive-code/plugin-text-markers@0.41.3':
     resolution: {integrity: sha512-SN8tkIzDpA0HLAscEYD2IVrfLiid6qEdE9QLlGVSxO1KEw7qYvjpbNBQjUjMr5/jvTJ7ys6zysU2vLPHE0sb2g==}
 
-  '@iconify-json/fa6-brands@1.2.6':
-    resolution: {integrity: sha512-twL3X4KWcxAhbc1vz/mIDsVr+CAItk1/EIfxKUVQtpv6O4eydk5KNYqTZWdvJNHGInUgd6vKg21aWfVgb5DXEg==}
+  '@iconify-json/fa7-brands@1.2.0':
+    resolution: {integrity: sha512-OTdHSwRmycgQQXQr7wJQFyD08zj4OxoRfaWhCuI3a9MhbnHJApU4U2Qbp6hP4zicqOmQB9UII9+MA1IDNNLPlQ==}
 
-  '@iconify-json/fa6-solid@1.2.4':
-    resolution: {integrity: sha512-LmDNNdJVyvF5mPm1yxWvL8KjCc/E8LzoqnF1LNTVpyY2ZJRUlGOWuPIThdbuFBF2IovgttkIyumhyqfmlHdwKg==}
+  '@iconify-json/fa7-solid@1.2.2':
+    resolution: {integrity: sha512-qTvkcYWGtYxAZVfXzSrCvxYhQFsl1iCztZzXJDlD0oGAkmOqcxcvQxRhN984Ssn+ZApG7xPeUVKUV99OALbJFw==}
 
   '@iconify/tools@4.1.4':
     resolution: {integrity: sha512-s6BcNUcCxQ3S6cvhlsoWzOuBt8qKXdVyXB9rT57uSJ/ARHD7dVM43+5ERBWn3tmkMWXeJ/s9DPVc3dUasayzeA==}
@@ -3427,11 +3427,11 @@ snapshots:
     dependencies:
       '@expressive-code/core': 0.41.3
 
-  '@iconify-json/fa6-brands@1.2.6':
+  '@iconify-json/fa7-brands@1.2.0':
     dependencies:
       '@iconify/types': 2.0.0
 
-  '@iconify-json/fa6-solid@1.2.4':
+  '@iconify-json/fa7-solid@1.2.2':
     dependencies:
       '@iconify/types': 2.0.0
 
diff --git a/src/components/MusicPlayer.astro b/src/components/MusicPlayer.astro
index b2979b2..29cbb90 100644
--- a/src/components/MusicPlayer.astro
+++ b/src/components/MusicPlayer.astro
@@ -55,33 +55,39 @@ const {
       </div>
     </div>
 
-    <div class="flex gap-4 mt-4 items-center justify-center">
-      <Icon
-        id="back"
-        name="fa6-solid:backward-step"
-        class="h-8 w-8 cursor-pointer"
-      />
-      {
-        isPlaying ? (
-          <Icon
-            id="play"
-            name="fa6-solid:circle-pause"
-            class="h-12 w-12 cursor-pointer"
-          />
-        ) : (
-          <Icon
-            id="play"
-            name="fa6-solid:circle-play"
-            class="h-12 w-12 cursor-pointer"
-          />
-        )
-      }
+    <div class="flex gap-4 mt-4 items-center place-content-between">
+      <a href="/" alt="home"><Icon name="fa7-solid:house" class="h-6 w-6 mb-1 cursor-pointer" /></a>
 
-      <Icon
-        id="skip"
-        name="fa6-solid:forward-step"
-        class="h-8 w-8 cursor-pointer"
-      />
+      <div class="flex gap-4 items-center justify-center">
+        <Icon
+          id="back"
+          name="fa7-solid:backward-step"
+          class="h-8 w-8 cursor-pointer"
+        />
+        {
+          isPlaying ? (
+            <Icon
+              id="play"
+              name="fa7-solid:circle-pause"
+              class="h-12 w-12 cursor-pointer"
+            />
+          ) : (
+            <Icon
+              id="play"
+              name="fa7-solid:circle-play"
+              class="h-12 w-12 cursor-pointer"
+            />
+          )
+        }
+
+        <Icon
+          id="skip"
+          name="fa7-solid:forward-step"
+          class="h-8 w-8 cursor-pointer"
+        />
+      </div>
+
+      <Icon name="fa7-solid:bars-staggered" class="h-6 w-6 mb-1 cursor-pointer" />
     </div>
   </div>
 </section>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 489d86c..1b4eb2c 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -77,7 +77,7 @@ import { SITE_TITLES, SITE_DESCRIPTIONS } from "@lib/consts";
         <ul class="flex flex-row mt-4 gap-4">
           <li>
             <a rel="me noreferrer" href="/feed.xml" title="feed">
-              <Icon name="fa6-solid:rss" class="share-icon" />
+              <Icon name="fa7-solid:rss" class="share-icon" />
             </a>
           </li>
           <li>
@@ -87,7 +87,7 @@ import { SITE_TITLES, SITE_DESCRIPTIONS } from "@lib/consts";
               href="https://github.com/isabelroses"
               title="GitHub"
             >
-              <Icon name="fa6-brands:github" class="share-icon" />
+              <Icon name="fa7-brands:github" class="share-icon" />
             </a>
           </li>
           <li>
@@ -97,7 +97,7 @@ import { SITE_TITLES, SITE_DESCRIPTIONS } from "@lib/consts";
               href="https://akko.isabelroses.com/@isabel"
               title="mastodon"
             >
-              <Icon name="fa6-brands:mastodon" class="share-icon" />
+              <Icon name="fa7-brands:mastodon" class="share-icon" />
             </a>
           </li>
           <li>
@@ -107,7 +107,7 @@ import { SITE_TITLES, SITE_DESCRIPTIONS } from "@lib/consts";
               href="https://bsky.app/profile/did:plc:qxichs7jsycphrsmbujwqbfb"
               title="bluesky"
             >
-              <Icon name="fa6-brands:bluesky" class="share-icon" />
+              <Icon name="fa7-brands:bluesky" class="share-icon" />
             </a>
           </li>
           <li>
@@ -117,7 +117,17 @@ import { SITE_TITLES, SITE_DESCRIPTIONS } from "@lib/consts";
               href="/api/discord"
               title="Discord"
             >
-              <Icon name="fa6-brands:discord" class="share-icon" />
+              <Icon name="fa7-brands:discord" class="share-icon" />
+            </a>
+          </li>
+          <li>
+            <a
+              rel="me noreferrer"
+              target="_blank"
+              href="mailto:isabel@isabelroses.com"
+              title="email"
+            >
+              <Icon name="fa7-solid:envelope" class="share-icon" />
             </a>
           </li>
           <li>