Favicon#

Replace the Strapi admin panel favicon by replacing the favicon.png file at the project root or configuring the strapi::favicon middleware, then rebuild the app.

Strapi's admin panel displays its branding on various places, including the logo and the favicon. Replacing these images allows you to match the interface and application to your identity.

There are 2 approaches to replacing the favicon:

• Replace the favicon.png file at the root of a Strapi project

• Edit the strapi::favicon middleware configuration with the following code:

  ⧉

  // …
  {
    name: 'strapi::favicon',
    config: {
      path: 'my-custom-favicon.png',
    },
  },
  // …
  

Once done, rebuild, launch and revisit your Strapi app by running yarn build && yarn develop in the terminal.

Make sure 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.