Themed Favicon
Make your favicon match your theme
To do this in Next.js, you can use the metadata object in root layout.
js
export const metadata = {
title: "fooo",
description: "bar",
icons: {
icon: [
{
url: "/icon-light.svg",
media: "(prefers-color-scheme: light)",
},
{
url: "/icon-dark.svg",
media: "(prefers-color-scheme: dark)",
},
],
},
}
