How to add favicon in vitepress ?

[iqlal]

How to add favicon in vitepress ?

[userquin]

Don't use this: https://github.com/iconify/website/blob/main/.vitepress/config.ts#L35

I'll fix previous code, use this: https://github.com/vite-pwa/docs/blob/main/.vitepress/config.ts#L255-L256

Check the docs https://vitepress.dev/reference/site-config#head

[alephpi]

It means https://github.com/vite-pwa/docs/blob/3b8808e6e46683dac49e50318ecf494085ba970c/.vitepress/config.ts#L256 for those who come later.

[userquin]

upps, thx @alephpi , a few changes with latest releases in VitePWA repo

[alephpi]

Hi, BTW I just wonder why the favicon on my page isn't rendered. Here's a screenshot, kind of weird...
The same svg can be rendered in NavBar but not as favicon...

[userquin]

can you test it using private browsing, maybe browser cache? can you test it in another browser (Chrome/FF) ?

[alephpi]

indeed, thx!

[dddddgz05]

Edit config.mts:

...
export default defineConfig({
  title: "*your title*",
  description: "*your description*",
  head: [['link', { rel: 'icon', href: '/favicon.ico' }]],
...

Then add your icon at docs/public/favicon.ico, run docs:dev command, open localhost:5173.

If your favicon still invisible, press Ctrl+F5 to refresh the cache.