feat: Add favicon link to the head of the layout for improved branding

Adnanarodiya · Adnanarodiya · commit 6d68e73157d1 · 2025-08-03T17:16:54.000+05:30
diff --git a/public/favicon.svg b/public/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none"><style>:root {--primary: #C2C2FF;--secondary: #5A5AB5;}@media (prefers-color-scheme: dark) {:root {--primary: #1C1C3F;--secondary: #C2C2FF;}}</style><rect width="512" height="512" rx="64" fill="var(--primary)"/><path d="M287.958 338.913V171.088H439V202.255L422.218 219.038H340.703V240.615H410.23V288.565H340.703V338.913H287.958Z" fill="var(--secondary)"/><path d="M89 338.913V171.088H141.745V231.025H213.67V171.088H266.415V338.913H213.67V278.975H141.745V338.913H89Z" fill="var(--secondary)"/></svg>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -28,6 +28,9 @@ const atkinsonHyperlegibleMono = localFont({
 export default function RootLayout({ children }: React.PropsWithChildren) {
   return (
     <html className={atkinsonHyperlegibleMono.variable}>
+      <head>
+        <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+      </head>
       <body className="font-mono font-normal bg-hacktoberfest-blue">
         <ViewTransition>
           {children}
