feat: use custom GitHub icon in headerHEADmain

1 files changed, 9 insertions, 2 deletions

diff --git a/components/header.tsx b/components/header.tsx
index f447677..d00e269 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -1,6 +1,7 @@
 import Link from "next/link"
-import { PawPrint, Github, Mail } from "lucide-react"
+import { PawPrint, Mail } from "lucide-react"
 import { Button } from "@/components/ui/button"
+import Image from "next/image"
 
 export function Header() {
   return (
@@ -22,7 +23,13 @@ export function Header() {
       <div className="flex items-center gap-2">
         <Button asChild variant="ghost" size="icon">
           <Link href="https://github.com/schererleander" target="_blank" aria-label="Github">
-            <Github className="h-4 w-4" />
+            <Image 
+              src="/GitHub_Invertocat_Black.svg" 
+              alt="Github" 
+              width={16} 
+              height={16} 
+              className="dark:invert"
+            />
           </Link>
         </Button>
         <Button asChild variant="ghost" size="icon">