diff --git a/404.html b/404.html
index be08b2d..2e6f4fe 100644
--- a/404.html
+++ b/404.html
@@ -9,8 +9,6 @@
     <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
     <link rel="icon" href="images/favicon.ico">
-    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
     <link rel="stylesheet" href="css/styles.css">
     <style>
         .error-container {
@@ -57,7 +55,7 @@
             <div class="header-right">
                 <div class="menu-wrapper">
                     <button class="menu-button" type="button" aria-label="Menu" aria-haspopup="true" aria-expanded="false" aria-controls="menu-dropdown">
-                        <i class="fas fa-bars"></i>
+                        <svg class="icon" viewBox="0 0 448 512" aria-hidden="true"><path fill="currentColor" d="M0 96c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zm0 160c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zm448 160c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h384c17.7 0 32 14.3 32 32z"/></svg>
                     </button>
                     <nav class="menu-dropdown" id="menu-dropdown" role="navigation" aria-label="Primary Navigation">
                         <a href="/">Home</a>
@@ -67,7 +65,7 @@
                 <div class="theme-toggle-wrapper">
                     <button class="theme-toggle" aria-label="Toggle theme" role="switch" aria-checked="false">
                         <div class="theme-toggle-slider">
-                            <i class="fas fa-moon"></i>
+                            <svg class="icon icon-moon" viewBox="0 0 384 512" aria-hidden="true"><path fill="currentColor" d="M223.5 32C100 32 0 132.3 0 256s100 224 223.5 224c60.6 0 115.5-24.2 155.8-63.4 5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6-96.9 0-175.5-78.8-175.5-176 0-65.8 36-123.1 89.3-153.3 6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"/></svg>
                         </div>
                     </button>
                 </div>
@@ -89,13 +87,13 @@
             <div class="footer-right">
                 <div class="footer-links">
                     <a href="https://twitter.com/arjun7965" target="_blank" rel="noopener noreferrer" title="X (Twitter)" aria-label="X (Twitter)">
-                        <i class="fab fa-x-twitter"></i><span class="footer-link-label">X</span>
+                        <svg class="icon" viewBox="0 0 512 512" aria-hidden="true"><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42L364.4 421.8z"/></svg><span class="footer-link-label">X</span>
                     </a>
                     <a href="https://linkedin.com/in/avinod" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn">
-                        <i class="fab fa-linkedin"></i><span class="footer-link-label">LinkedIn</span>
+                        <svg class="icon" viewBox="0 0 448 512" aria-hidden="true"><path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg><span class="footer-link-label">LinkedIn</span>
                     </a>
                     <a href="https://github.com/arjun7965" target="_blank" rel="noopener noreferrer" title="GitHub" aria-label="GitHub">
-                        <i class="fab fa-github"></i><span class="footer-link-label">GitHub</span>
+                        <svg class="icon" viewBox="0 0 496 512" aria-hidden="true"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8z"/></svg><span class="footer-link-label">GitHub</span>
                     </a>
                 </div>
                 <div class="footer-email">
diff --git a/books.html b/books.html
index 02eb570..473cc99 100644
--- a/books.html
+++ b/books.html
@@ -11,19 +11,17 @@
     <meta property="og:description" content="A collection of books exploring macroeconomics, financial systems, and monetary history.">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://arjunvinod.com/books.html">
-    <meta property="og:image" content="https://arjunvinod.com/images/apple-touch-icon.png">
+    <meta property="og:image" content="https://arjunvinod.com/images/og-image.png">
     <meta name="twitter:card" content="summary">
     <meta name="twitter:title" content="Books | Arjun Vinod">
     <meta name="twitter:description" content="A collection of books exploring macroeconomics, financial systems, and monetary history.">
-    <meta name="twitter:image" content="https://arjunvinod.com/images/apple-touch-icon.png">
-    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin="anonymous">
+    <meta name="twitter:image" content="https://arjunvinod.com/images/og-image.png">
     <link rel="preconnect" href="https://covers.openlibrary.org" crossorigin="anonymous">
     <link rel="manifest" href="/site.webmanifest">
     <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
     <link rel="icon" href="images/favicon.ico">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
     <link rel="stylesheet" href="css/styles.css">
     <style>
         /* Books-specific: h1/h2 and copyright alignment */
@@ -82,7 +80,7 @@
             <div class="header-right">
                 <div class="menu-wrapper">
                     <button class="menu-button" type="button" aria-label="Menu" aria-haspopup="true" aria-expanded="false" aria-controls="menu-dropdown">
-                        <i class="fas fa-bars"></i>
+                        <svg class="icon" viewBox="0 0 448 512" aria-hidden="true"><path fill="currentColor" d="M0 96c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zm0 160c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zm448 160c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h384c17.7 0 32 14.3 32 32z"/></svg>
                     </button>
                     <nav class="menu-dropdown" id="menu-dropdown" role="navigation" aria-label="Primary Navigation">
                         <a href="/">Home</a>
@@ -92,7 +90,7 @@
                 <div class="theme-toggle-wrapper">
                     <button class="theme-toggle" aria-label="Toggle theme" role="switch" aria-checked="false">
                         <div class="theme-toggle-slider">
-                            <i class="fas fa-moon"></i>
+                            <svg class="icon icon-moon" viewBox="0 0 384 512" aria-hidden="true"><path fill="currentColor" d="M223.5 32C100 32 0 132.3 0 256s100 224 223.5 224c60.6 0 115.5-24.2 155.8-63.4 5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6-96.9 0-175.5-78.8-175.5-176 0-65.8 36-123.1 89.3-153.3 6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"/></svg>
                         </div>
                     </button>
                 </div>
@@ -228,13 +226,13 @@ <h3 class="book-title">The Deficit Myth: Modern Monetary Theory and the Birth of
             <div class="footer-right">
                 <div class="footer-links">
                     <a href="https://twitter.com/arjun7965" target="_blank" rel="noopener noreferrer" title="X (Twitter)" aria-label="X (Twitter)">
-                        <i class="fab fa-x-twitter"></i><span class="footer-link-label">X</span>
+                        <svg class="icon" viewBox="0 0 512 512" aria-hidden="true"><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42L364.4 421.8z"/></svg><span class="footer-link-label">X</span>
                     </a>
                     <a href="https://linkedin.com/in/avinod" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn">
-                        <i class="fab fa-linkedin"></i><span class="footer-link-label">LinkedIn</span>
+                        <svg class="icon" viewBox="0 0 448 512" aria-hidden="true"><path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg><span class="footer-link-label">LinkedIn</span>
                     </a>
                     <a href="https://github.com/arjun7965" target="_blank" rel="noopener noreferrer" title="GitHub" aria-label="GitHub">
-                        <i class="fab fa-github"></i><span class="footer-link-label">GitHub</span>
+                        <svg class="icon" viewBox="0 0 496 512" aria-hidden="true"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8z"/></svg><span class="footer-link-label">GitHub</span>
                     </a>
                 </div>
                 <div class="footer-email">
diff --git a/css/styles.css b/css/styles.css
index b925bc7..9610bb1 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -25,6 +25,17 @@
   --border-color: #334155;
   --link-color: #2dd4bf;
 }
+/* Inline SVG Icons */
+.icon {
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  vertical-align: -0.125em;
+  fill: currentColor;
+}
+.lane-title .icon { width: 1rem; height: 1rem; }
+.theme-toggle-slider .icon { width: 0.75rem; height: 0.75rem; color: var(--color-primary); transition: color 0.3s ease; }
+[data-theme="dark"] .theme-toggle-slider .icon { color: #fbbf24; }
 /* Base Layout */
 body {
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
@@ -188,11 +199,9 @@ nav a:hover { background-color: var(--border-color); }
   justify-content: center; 
   box-shadow: 0 2px 4px rgba(0,0,0,0.2); 
 }
-.theme-toggle-slider i { font-size: 0.75rem; color: var(--color-primary); transition: color 0.3s ease; }
 [data-theme="dark"] .theme-toggle { background-color: var(--color-primary); }
 [data-theme="dark"] .theme-toggle:hover { background-color: var(--color-accent); }
 [data-theme="dark"] .theme-toggle-slider { transform: translateX(24px); }
-[data-theme="dark"] .theme-toggle-slider i { color: #fbbf24; }
 /* Footer */
 footer { 
   background-color: var(--container-bg);
@@ -362,21 +371,21 @@ footer {
   letter-spacing: -0.02em;
   color: var(--text-primary);
 }
-.lane-title i { 
+.lane-title .icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px;
+  padding: 10px;
   background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
   border-radius: 10px;
   color: white;
-  font-size: 1rem;
   box-shadow: 0 4px 12px rgba(20, 184, 166, 0.2);
   transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 
-.lane-title:hover i {
+.lane-title:hover .icon {
   transform: translateY(-2px);
   box-shadow: 0 6px 16px rgba(20, 184, 166, 0.28);
 }
@@ -526,6 +535,6 @@ footer {
   .roadmap { gap: 2rem; }
   .node { padding-left: 2rem; }
   .lane-title { font-size: 1.125rem; }
-  .lane-title i { width: 36px; height: 36px; font-size: 0.875rem; }
+  .lane-title .icon { width: 36px; height: 36px; padding: 9px; }
   .rm-card { padding: 1rem; }
 }
diff --git a/images/og-image.png b/images/og-image.png
new file mode 100644
index 0000000..11fc49a
Binary files /dev/null and b/images/og-image.png differ
diff --git a/index.html b/index.html
index 1da41fb..a5904b4 100644
--- a/index.html
+++ b/index.html
@@ -11,18 +11,16 @@
     <meta property="og:description" content="Firmware engineer specializing in high-performance embedded systems, data center infrastructure, and hardware interfaces.">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://arjunvinod.com/">
-    <meta property="og:image" content="https://arjunvinod.com/images/apple-touch-icon.png">
+    <meta property="og:image" content="https://arjunvinod.com/images/og-image.png">
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="Arjun Vinod | Firmware Engineer">
     <meta name="twitter:description" content="Firmware engineer specializing in high-performance embedded systems, data center infrastructure, and hardware interfaces.">
-    <meta name="twitter:image" content="https://arjunvinod.com/images/apple-touch-icon.png">
-    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin="anonymous">
+    <meta name="twitter:image" content="https://arjunvinod.com/images/og-image.png">
     <link rel="manifest" href="/site.webmanifest">
     <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
     <link rel="icon" href="images/favicon.ico">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
     <link rel="stylesheet" href="css/styles.css">
     <style>
         /* Index-specific: container with text-align center */
@@ -87,7 +85,7 @@
             <div class="header-right">
                 <div class="menu-wrapper">
                     <button class="menu-button" type="button" aria-label="Menu" aria-haspopup="true" aria-expanded="false" aria-controls="menu-dropdown">
-                        <i class="fas fa-bars"></i>
+                        <svg class="icon" viewBox="0 0 448 512" aria-hidden="true"><path fill="currentColor" d="M0 96c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zm0 160c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zm448 160c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h384c17.7 0 32 14.3 32 32z"/></svg>
                     </button>
                     <nav class="menu-dropdown" id="menu-dropdown" role="navigation" aria-label="Primary Navigation">
                         <a href="/" class="active">Home</a>
@@ -97,7 +95,7 @@
                 <div class="theme-toggle-wrapper">
                     <button class="theme-toggle" aria-label="Toggle theme" role="switch" aria-checked="false">
                         <div class="theme-toggle-slider">
-                            <i class="fas fa-moon"></i>
+                            <svg class="icon icon-moon" viewBox="0 0 384 512" aria-hidden="true"><path fill="currentColor" d="M223.5 32C100 32 0 132.3 0 256s100 224 223.5 224c60.6 0 115.5-24.2 155.8-63.4 5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6-96.9 0-175.5-78.8-175.5-176 0-65.8 36-123.1 89.3-153.3 6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"/></svg>
                         </div>
                     </button>
                 </div>
@@ -111,7 +109,7 @@
         <section aria-label="Experience and education" class="roadmap-section">
             <div class="roadmap">
                 <div class="lane lane-experience">
-                    <h3 class="lane-title"><i class="fas fa-briefcase"></i> Experience</h3>
+                    <h3 class="lane-title"><svg class="icon" viewBox="0 0 512 512" aria-hidden="true"><path fill="currentColor" d="M184 48h144c4.4 0 8 3.6 8 8v40H176V56c0-4.4 3.6-8 8-8zm-56 8v40H64c-35.3 0-64 28.7-64 64v96h192 128 192v-96c0-35.3-28.7-64-64-64h-64V56c0-30.9-25.1-56-56-56H184c-30.9 0-56 25.1-56 56zm384 232H320v32c0 17.7-14.3 32-32 32h-64c-17.7 0-32-14.3-32-32v-32H0v128c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V288z"/></svg> Experience</h3>
 
                     <div class="node">
                         <span class="dot" aria-hidden="true"></span>
@@ -160,7 +158,7 @@ <h4 class="rm-title"><a href="https://www.greensightag.com/" target="_blank" rel
                 <div class="rail" aria-hidden="true"></div>
 
                 <div class="lane lane-education">
-                    <h3 class="lane-title"><i class="fas fa-graduation-cap"></i> Education</h3>
+                    <h3 class="lane-title"><svg class="icon" viewBox="0 0 640 512" aria-hidden="true"><path fill="currentColor" d="M320 32L0 192l142.4 71.2c-4.2 8.7-7.5 17.8-9.8 27.3L64 320v96c0 17.7 14.3 32 32 32s32-14.3 32-32v-82.7l52.4 26.2c-1.6 7.5-2.4 15.3-2.4 23.2 0 53 43 96 96 96h96c53 0 96-43 96-96 0-7.9-.8-15.7-2.4-23.2L640 192 320 32zm160 348.7c0 20.1-16.3 36.4-36.4 36.4H196.4c-20.1 0-36.4-16.3-36.4-36.4 0-5.2 1.1-10.2 3.2-14.9L320 288l156.8 77.8c2.1 4.6 3.2 9.7 3.2 14.9z"/></svg> Education</h3>
 
                     <div class="node">
                         <span class="dot" aria-hidden="true"></span>
@@ -194,13 +192,13 @@ <h4 class="rm-title"><a href="https://kcgcollege.ac.in/" target="_blank" rel="no
             <div class="footer-right">
                 <div class="footer-links">
                     <a href="https://twitter.com/arjun7965" target="_blank" rel="noopener noreferrer" title="X (Twitter)" aria-label="X (Twitter)">
-                        <i class="fab fa-x-twitter"></i><span class="footer-link-label">X</span>
+                        <svg class="icon" viewBox="0 0 512 512" aria-hidden="true"><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42L364.4 421.8z"/></svg><span class="footer-link-label">X</span>
                     </a>
                     <a href="https://linkedin.com/in/avinod" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn">
-                        <i class="fab fa-linkedin"></i><span class="footer-link-label">LinkedIn</span>
+                        <svg class="icon" viewBox="0 0 448 512" aria-hidden="true"><path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg><span class="footer-link-label">LinkedIn</span>
                     </a>
                     <a href="https://github.com/arjun7965" target="_blank" rel="noopener noreferrer" title="GitHub" aria-label="GitHub">
-                        <i class="fab fa-github"></i><span class="footer-link-label">GitHub</span>
+                        <svg class="icon" viewBox="0 0 496 512" aria-hidden="true"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8z"/></svg><span class="footer-link-label">GitHub</span>
                     </a>
                 </div>
                 <div class="footer-email">
diff --git a/js/theme.js b/js/theme.js
index 68475df..18dbac4 100644
--- a/js/theme.js
+++ b/js/theme.js
@@ -1,28 +1,46 @@
 // Theme toggle functionality shared across pages
 
+// SVG icon paths
+const MOON_VIEWBOX = '0 0 384 512';
+const MOON_PATH = 'M223.5 32C100 32 0 132.3 0 256s100 224 223.5 224c60.6 0 115.5-24.2 155.8-63.4 5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6-96.9 0-175.5-78.8-175.5-176 0-65.8 36-123.1 89.3-153.3 6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z';
+const SUN_VIEWBOX = '0 0 512 512';
+const SUN_PATH = 'M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM256 160a96 96 0 1 0 0 192 96 96 0 1 0 0-192z';
+
 // Check for saved theme preference or default to light mode
 const savedTheme = localStorage.getItem('theme');
 const currentTheme = savedTheme || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
 document.documentElement.setAttribute('data-theme', currentTheme);
 
+function updateIcon(theme) {
+    const svg = document.querySelector('.theme-toggle-slider .icon-moon');
+    if (!svg) return;
+    const path = svg.querySelector('path');
+    if (theme === 'dark') {
+        svg.setAttribute('viewBox', SUN_VIEWBOX);
+        path.setAttribute('d', SUN_PATH);
+    } else {
+        svg.setAttribute('viewBox', MOON_VIEWBOX);
+        path.setAttribute('d', MOON_PATH);
+    }
+}
+
 function toggleTheme() {
     const theme = document.documentElement.getAttribute('data-theme');
     const newTheme = theme === 'light' ? 'dark' : 'light';
-    
+
     document.documentElement.setAttribute('data-theme', newTheme);
     localStorage.setItem('theme', newTheme);
-    
+
     // Update icon
-    const icon = document.querySelector('.theme-toggle-slider i');
-    if (icon) icon.className = newTheme === 'light' ? 'fas fa-moon' : 'fas fa-sun';
-    
+    updateIcon(newTheme);
+
     // Update aria-label for accessibility
     const btn = document.querySelector('.theme-toggle');
     if (btn) {
         btn.setAttribute('aria-label', newTheme === 'light' ? 'Switch to dark mode' : 'Switch to light mode');
         btn.setAttribute('aria-checked', newTheme === 'dark' ? 'true' : 'false');
     }
-    
+
     // Dispatch custom event for theme change
     document.dispatchEvent(new CustomEvent('themeChanged', { detail: { theme: newTheme } }));
 }
@@ -30,13 +48,8 @@ function toggleTheme() {
 // Set initial icon and aria-label on page load
 window.addEventListener('DOMContentLoaded', () => {
     const theme = document.documentElement.getAttribute('data-theme');
-    const icon = document.querySelector('.theme-toggle-slider i');
-    if (icon) {
-        icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun';
-    } else {
-        console.warn('Theme toggle icon element not found');
-    }
-    
+    updateIcon(theme);
+
     // Set initial aria-label and attach event listener
     const btn = document.querySelector('.theme-toggle');
     if (btn) {
diff --git a/sitemap.xml b/sitemap.xml
new file mode 100644
index 0000000..ccd70d1
--- /dev/null
+++ b/sitemap.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://arjunvinod.com/</loc>
+    <changefreq>monthly</changefreq>
+    <priority>1.0</priority>
+  </url>
+  <url>
+    <loc>https://arjunvinod.com/books.html</loc>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+</urlset>