Start by identifying the logo you want to use as your Favicon. the simplest and most reliable approach is to use the same logo already configured as your website header. This allows you to reference it through a local Odoo path instead of hosting it separately.
For example, if your website logo is accessible at:
https://www.yourdomain.com/web/image/website/1/logo/logo%20file
...you can use the local Odoo path directly:
/web/image/website/1/logo/logo%20file
This ensures the Favicon loads consistently across all Odoo applications, not just the website frontend.
To modify the global Favicon, you need access to the Odoo backend's technical settings.
- Activate Developer Mode.
- Navigate to Settings→Technical→Views.
Search for the view names Web Layout (web.layout).
This template controls key global HTML elements used across Odoo apps, including the Favicon definition.
Inside this template, locate the following line:
<link type="image/x-icon" rel="shortcut icon" t-att-href="x_icon or '/web/static/img/favicon.ico'"/>
This is Odoo's default fallback pointing to its own Favicon.
Update the t-att-href so that it references your logo instead of the built-in icon. For example:
<link type="image/x-icon" rel="shortcut icon" t-att-href="x_icon or '/web/image/website/1/logo/logo%20file'"/>
Save the view, refresh the page, and exit Developer Mode.
Once updated, your Favicon will appear:
- In the backend
- In the Website Builder
- In all installed Odoo apps
- On customer portals
This gives your entire Odoo system a consistent branded identity with a single change.