Merge pull request #241 from Divjot02/update/Twitter-Icon

Updated twitter icon (fixes #235)

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,
 };

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]" />'
+// '<Icons.youtube className="h-9 w-9 hover:text-[#8fa0be] dark:hover:text-[#30405c]" />'

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",