Next.js Discord

Discord Forum

How to make dynamic favicon?

Answered
M7ilan posted this in #help-forum
Open in Discord
M7ilanOP
I tried to use the icons prop from metadata but it isn't working.
...
icons: {
    icon: [
      {
        rel: "icon",
        type: "image/png",
        url: "/icon-light.png",
        href: "/icon-light.png",
        media: "(prefers-color-scheme: light)",
      },
      {
        rel: "icon",
        type: "image/png",
        url: "/icon-dark.png",
        href: "/icon-dark.png",
        media: "(prefers-color-scheme: dark)",
      },
    ],
  },
...
Answered by M7ilan
nvm, it seems a bug, there was a app/apple-icon.png, when I deleted it the app starts reloading infinitely but after rerunning the app it works fine.
View full answer

6 Replies

M7ilanOP
nvm, it seems a bug, there was a app/apple-icon.png, when I deleted it the app starts reloading infinitely but after rerunning the app it works fine.
Answer
Sun bear
sorry for necrobumping, but trying this exact same code in v14.2.4 doesn't seem to be working. anything changed?
@M7ilan does this still work for you?
M7ilanOP
yup
idk if it's still working on v14.2.4
Sun bear
strange. what version are you on?