sharpetronics.com/collections/_posts/2022-07-12-update-your-strapi-cms-with-your-own-favicon.md

layout	date	author	banner_image	banner_image_alt	title	sub_heading	tags	category
post	2022-07-12	Charles	/uploads/code_eff0ff4f77.webp	Macguyvering Strapi	Update your Strapi CMS with your own Favicon	How-to replace the favicon	Strapi, Configure, Contribute,	How-to

    In this article, we will be replacing the Strapi favicon with your own favicon. This same process is similar to how we replace the login logo AuthLogo and menu logo with MenuLogo. For more details, please visit Strapi documentations example configuration. [Strapi Documents]

Tip: This same process may be used to replace the login logo AuthLogo and menu logo with MenuLogo. For more details, please visit Strapi Documents

1. Create an extensions folder at: src/admin/extensions/

2. Upload your favicon into: src/admin/extensions/

3. Replace the favicon.ico at: Strapi app root with custom favicon.ico

4. Update your src/admin/app.js with the following:

// path: src/admin/app.js

import favicon from './extensions/favicon.png';

export default {
  config: {
         // replace favicon with custom icon
         head: {
                favicon: favicon,
        },
  }
}

5. Rebuild, run & revisit your Strapi app yarn build && yarn develop

Note: Be certain that the cached favicon is cleared. It can be cached in your web browser and also with your domain management tool like Cloudflare's CDN

References

Strapi Documents