Favicon about nextra

[jellli]

I think you should create a public folder in the root directory and put the favicon in it

[jellli]

Which theme are you currently using?

And why do you want to hide the search bar for some pages?

[Shubham-EV]

I am using docs theme and I want to hide the search bar on main page where I showcase all my projects. I want to show search bar only when someone clicks on any of my project (It's just my style of styling)

And moreover how to add favicon using ico or svg?

[jellli]

I don't think the search bar is customizable for each single page for now.

To add a favicon, check out this.

<link rel="icon" href="/favicon.ico" sizes="any" />

[Shubham-EV]

I have tried using it in head : () in theme.config.jsx but it ain't working. Favicon Glyph is working but it is only taking an emoji or string as its parameter not ico or svg

[jellli]

do you have a repo or example?

[Shubham-EV]

This is my code. and it ain't working

faviconGlyph is working but it only takes a character or emoji as parameter not ico or svg

[Shubham-EV]

Doing that still doesn't solve the issue :(
favicon only changes using faviconGlyph: "👨🏻‍💻", but it only supports character or emoji

I hope they add ICO or SVG support to faviconGlyph, as well as customizability for the search bar on every page in future releases!

[jellli]

You don't need to change the link tag, /favicon.ico is good. I suggest you comment out the faviconGlyph for now.

[Shubham-EV]

I am commenting faviconGlyph everytime I am using link tag and doing that "/favicon.ico" still don't solve the issue

favicon of the website is only getting affected from faviconGlyph

[jellli]

Maybe this example can help.

[Shubham-EV]

Using additionalLinkTags component is working fine to change favicon thank you so much :)

useNextSeoProps() {
return {
titleTemplate: "%s – Eniv Docs",
additionalLinkTags: [
{
href: "/square-code.png",
rel: "icon",
sizes: "32x32",
type: "image/png",
},
],
};
},