First time messing around with the app router and i like it but im having some issues with my favicon

I did go through some others previous forums about this issue but nothing seems to be working.


Heres what ive got

export const metadata = {
  title: "Imagen | Home",
  description: "Generate images with a click of a button!",
  icons: {
    icon: {
      rel: "icon",
      sizes: "48x48",
      url: "/favicon.ico",
    },
  },
};