diff --git a/components/icons.tsx b/components/icons.tsx
index 76bd581..6b08a20 100644
--- a/components/icons.tsx
+++ b/components/icons.tsx
@@ -24,7 +24,7 @@ import {
   Settings,
   SunMedium,
   Trash,
-  Twitter,
+  // Twitter,
   Film,
   User,
   Star,
@@ -40,7 +40,7 @@ import {
   Instagram,
   Linkedin,
 } from "lucide-react";
-
+import { FaXTwitter } from "react-icons/fa6";
 export type Icon = LucideIcon;
 
 export const Icons = {
@@ -94,9 +94,9 @@ export const Icons = {
       ></path>
     </svg>
   ),
-  twitter: Twitter,
+  twitter: FaXTwitter,
   check: Check,
   youtube: Youtube,
   instagram: Instagram,
-  linkedin: Linkedin
+  linkedin: Linkedin,
 };
diff --git a/config/social.ts b/config/social.ts
index 77aed87..2863ece 100644
--- a/config/social.ts
+++ b/config/social.ts
@@ -1,6 +1,6 @@
 import { SocialConfig } from "@/types";
-import { Github, Instagram, Linkedin, Twitter, Youtube } from "lucide-react";
-
+import { Github, Instagram, Linkedin, Youtube } from "lucide-react";
+import { FaXTwitter } from "react-icons/fa6";
 
 export const socialConfig: SocialConfig[] = [
   {
@@ -11,21 +11,23 @@ export const socialConfig: SocialConfig[] = [
   {
     title: "Twitter",
     href: "https://twitter.com/frontendfreaks",
-    iconName: Twitter,
+    iconName: FaXTwitter,
   },
   {
     title: "YouTube",
     href: "https://www.youtube.com/c/VishalRajput_1",
     iconName: Youtube,
-  },{
+  },
+  {
     title: "Instagram",
-    href: "https://www.instagram.com/vishalraj.dev/",    
+    href: "https://www.instagram.com/vishalraj.dev/",
     iconName: Instagram,
-  },{
+  },
+  {
     title: "LinkedIn",
     href: "https://www.linkedin.com/company/frontendfreaks/",
     iconName: Linkedin,
   },
 ];
 
-// '<Icons.youtube className="h-9 w-9 hover:text-[#8fa0be] dark:hover:text-[#30405c]" />'
\ No newline at end of file
+// '<Icons.youtube className="h-9 w-9 hover:text-[#8fa0be] dark:hover:text-[#30405c]" />'
diff --git a/package-lock.json b/package-lock.json
index 9bb1186..8e1c4c4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -37,6 +37,7 @@
         "postcss": "8.4.24",
         "react": "18.2.0",
         "react-dom": "18.2.0",
+        "react-icons": "^4.11.0",
         "react-player": "^2.12.0",
         "rehype-autolink-headings": "^6.1.1",
         "rehype-pretty-code": "^0.10.0",
@@ -7809,6 +7810,14 @@
       "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
       "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ=="
     },
+    "node_modules/react-icons": {
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.11.0.tgz",
+      "integrity": "sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
diff --git a/package.json b/package.json
index b695965..e1ce17f 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "postcss": "8.4.24",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-icons": "^4.11.0",
     "react-player": "^2.12.0",
     "rehype-autolink-headings": "^6.1.1",
     "rehype-pretty-code": "^0.10.0",