diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index fe0df6a..7d77015 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -3,6 +3,7 @@ import Icon from "astro-icon";
 export type Link = {
   url: string;
   icon: string;
+  set?: string;
   text?: string;
 };
 
@@ -27,7 +28,7 @@ if (Astro.url.pathname !== "/") {
           .filter((link) => link.url !== "")
           .map((link) => (
             <a href={link.url}>
-              <Icon pack="mdi" name={link.icon} /> {link.text ?? link.icon}
+              <Icon pack={link.set ?? "mdi"} name={link.icon} /> {link.text ?? link.icon}
             </a>
           ))
       }
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index f8ac432..b4f387d 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -23,10 +23,15 @@ const links: Link[] = [
     url: "https://ayco.io/gh/",
     icon: "github",
   },
+  // {
+  //   url: "https://codepen.io/ayoayco-the-styleful",
+  //   icon: "codepen",
+  //   text: "pens"
+  // },
   {
-    url: "https://codepen.io/ayoayco-the-styleful",
-    icon: "codepen",
-    text: "pens"
+    url: "https://www.npmjs.com/~aayco",
+    icon: "npm",
+    set: "gg"
   }
 ];
 ---