< Go Back

Update your Strapi CMS with your own Favicon

How-to replace the favicon

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

Financial Support & Donations

I mainly debug code, drive, yak shave and deep dive into research for Linux base operating systems.

I am a Free Software Associate (FSF), privacy advocate and Cosmopolitan that enjoys philosophie, meta-physics, hacking and debugging computer hardware/software.

https://liberapay.com/oDinZu/

References

Strapi Documents

CharlesCharles

More Posts