Added better looking react icons for connect with us

piyushgarg-dev · Sep 18, 2024 · ad4e5d3 · ad4e5d3
1 parent d0ec268
commit ad4e5d3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/UI/Contact.jsx b/components/UI/Contact.jsx
@@ -82,9 +82,9 @@ const Contact = () => {
                 aria-label="Twitter Account"
                 href="https://twitter.com/piyushgarg_dev"
                 target="_blank"
-                className="duration-300" // Animation duration
+                className="duration-300"
               >
-                <NewTwitterLogo className="fill-[#ffffff] hover:fill-[#01d293]" /> {/* Twitter blue default with green hover */}
+                <NewTwitterLogo className="fill-[#ffffff] hover:fill-[#01d293]" />
               </Link>
               <Link
                 className="hover:text-[#01d293] duration-300"

diff --git a/components/UI/NewTwitterlogo.jsx b/components/UI/NewTwitterlogo.jsx
@@ -5,8 +5,8 @@ const NewTwitterLogo = ({ className }) => (
     xmlns="http://www.w3.org/2000/svg"
     height="0.9em"
     viewBox="0 0 512 512"
-    className={className} // Dynamically pass the className for Tailwind styling
-    fill="currentColor" // Use currentColor to allow Tailwind to control the fill
+    className={className} 
+    fill="currentColor"
   >
     <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
   </svg>