Help with Favicon
Unanswered
Brown-headed Cowbird posted this in #help-forum
Brown-headed CowbirdOP
Hey! I have a nextjs site hosted with Vercel. I have all the metadata tags setup in my layout etc. I have a favicon that meets the 48x48 standard by google. Its been live for a few weeks, I setup a google search console account so it gets indexed however, my favicon still doesn't display in the google search. I'm not sure if I'm missing something
13 Replies
Hello , You are not providing sufficient information...
Brown-headed CowbirdOP
Sorry what else should i provide
Are you sure you're using the App Router correctly ?
Brown-headed CowbirdOP
I believe so
can i give you a link to the repo?
ah google takes few days to weeks to update fevicon in search result. ( Oh you already mention it )
can you access fevicon directly ?
without metadata section , it is very hard to say. Reason why i tell you , share information properly.
Brown-headed CowbirdOP
Yeah I can access it
is it fixed yet ? Are you using png or svg ? are you using size declaration ?
Brown-headed CowbirdOP
png
icons: {
icon: [
{ url: "/favicon.ico" },
{ url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" },
{ url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
{ url: "/favicon-192x192.png", sizes: "192x192", type: "image/png" },
],
apple: [
{ url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" },
],
},
icon: [
{ url: "/favicon.ico" },
{ url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" },
{ url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
{ url: "/favicon-192x192.png", sizes: "192x192", type: "image/png" },
],
apple: [
{ url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" },
],
},
I suppose to see something like this according to your details ,
{ url: "/favicon-48x48.png", sizes: "48x48", type: "image/png" }