lucide icons

components/Footer/Footer.module.css

@@ -21,8 +21,8 @@
   color: var(--colors-mediumDark) !important;
 }
 
-.link.hover:hover,
-.link.hover:focus-visible {
+.link:has(.icon):hover,
+.link:has(.icon):focus-visible {
   color: var(--colors-medium) !important;
 }
 
@@ -32,7 +32,7 @@
 }
 
 .link.underline:hover,
-.link.hover:focus-visible {
+.link.underline:focus-visible {
   border-bottom-color: var(--colors-kindaLight);
 }
 
@@ -41,7 +41,7 @@
   width: 1.25em;
   height: 1.25em;
   vertical-align: -0.25em;
-  margin: 0 0.075em;
+  margin: 0 0.1em;
 }
 
 .heart {

components/Footer/Footer.tsx

@@ -1,7 +1,6 @@
 import clsx from "clsx";
+import { HeartIcon } from "lucide-react";
 import Link from "../Link";
-import { GoHeartFill } from "react-icons/go";
-import { SiNextdotjs } from "react-icons/si";
 import config from "../../lib/config/constants";
 import type { ComponentPropsWithoutRef } from "react";
 
@@ -28,7 +27,7 @@ const Footer = ({ className, ...rest }: FooterProps) => {
         <div>
           Made with{" "}
           <span className={styles.heart} title="Love">
-            <GoHeartFill className={styles.icon} style={{ strokeWidth: 2 }} />
+            <HeartIcon size="1.25em" fill="currentColor" className={styles.icon} />
           </span>{" "}
           and{" "}
           <Link
@@ -36,9 +35,20 @@ const Footer = ({ className, ...rest }: FooterProps) => {
             title="Powered by Next.js"
             aria-label="Next.js"
             plain
-            className={clsx(styles.link, styles.hover)}
+            className={styles.link}
           >
-            <SiNextdotjs className={styles.icon} />
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="currentColor"
+              stroke="currentColor"
+              strokeWidth="0"
+              viewBox="0 0 24 24"
+              height="1.25em"
+              width="1.25em"
+              className={styles.icon}
+            >
+              <path d="M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z"></path>
+            </svg>
           </Link>
           .{" "}
           <Link