Favicon

Unanswered

Griffon Bleu de Gascogne posted this in #help-forum

Griffon Bleu de GascogneOP

2024-08-22T15:39:16.501Z

Hello, someone know why my icon won t change ?

import type { Metadata } from "next";
import "./globals.css";
import { ThemeProvider } from "@/components/theme-provider";
import { aquire, cn } from "@/lib/utils";
import { ToastContainer } from "react-toastify";
import { webmetadata } from "@/lib/constants";
import 'react-toastify/dist/ReactToastify.css';

export const metadata: Metadata = webmetadata

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" suppressHydrationWarning>
        <head>
          <link rel="icon" href="/icon?<generated>" type="image/png" sizes="32x32" />
        </head>
        <body className={cn(aquire.className, "bg-black")}>
          <ThemeProvider
            attribute="class"
            defaultTheme="black"
            enableSystem
            disableTransitionOnChange
          >
            <ToastContainer />
            {children}
          </ThemeProvider>
        </body>
      </html>
  );
}

40 Replies

Griffon Bleu de GascogneOP

2024-08-22T15:39:44.958Z

import { ImageResponse } from "next/og";

export const runtime = "edge";
export const size = {
    width: 32,
    height: 32,
};

export const contentType = "image/png";

export default function Icon() {
    return new ImageResponse(
        <div
            style={{
                fontSize: 24,
                background: "white",
                width: "100%",
                height: "100%",
                display: "flex",
                justifyContent: "center",
                alignItems: "center",
                color: "white",
            }}
        >
            ∞
        </div>
    ),
    {...size}
}

if generate it won t work i have favicon.ico

averydelusionalperson

2024-08-22T15:45:02.934Z

I think you just put your favicon under app/favicon.ico or public/favicon.ico and next.js will automatically generate it, no need to do it manually in layout IIRC

@averydelusionalperson I think you just put your favicon under `app/favicon.ico` or `public/favicon.ico` and next.js will automatically generate it, no need to do it manually in layout IIRC

Griffon Bleu de GascogneOP

2024-08-22T15:45:39.509Z

okay i try it

it don t change

averydelusionalperson

2024-08-22T15:46:59.646Z

restart the server

and do hard reload

Griffon Bleu de GascogneOP

2024-08-22T15:47:11.575Z

@averydelusionalperson and do hard reload