Favicon

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:

  /config/middlewares.js

  // …
  {
    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.

Caution

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.