favicon

Type: string | null | ((pageContext) => string | null | undefined)
Kind: global.
Environment: server.
Implemented by: vike-react/vike-vue/vike-solid.

You need vike-react/vike-vue/vike-solid to be able to use this setting.

⚠️

This setting is experimental and may be removed in the future. Consider using +Head instead.

The favicon setting sets the page's favicon.

// pages/+config.js
 
import favicon from './favicon.svg'
 
export default {
  favicon
}

Global

This setting is global: its value always applies to all your pages. In other words, it doesn't support config inheritance.

You cannot set it at pages/some-page/+config.js: you have to set it at pages/+config.js (or some other global location) instead.

If you want to set different values for different pages, then consider creating a custom setting as shown at Guides > <head> meta tags > Custom settings.

See also