SVG favicon not always used in Chrome

Description:

My Rocket.Chat instance has SVG favicons enabled and an SVG favicon has been uploaded:

(Field descriptions are currently missing due to https://github.com/RocketChat/Rocket.Chat/issues/26502).

However, when opening Rocket.Chat in Google Chrome or Chromium, the favicon is not used from the beginning. As soon as the logo changes to the one with the green dot indicating a new message, the uploaded favicon will be used. The problem does not occur in Firefox.

Steps to reproduce:

1. Enable SVG favicons and upload an SVG favicon.
2. Ensure that you do not have any unread messages in any channel.
3. Open Rocket.Chat in Google Chrome or Chromium.
4. Wait for another user to write a new message.
5. Mark all new messages read.

Expected behavior:

The uploaded SVG favicon is always used:

Actual behavior:

After step 3, the SVG favicon is not used:

After step 4, it is used:

After step 5, it is used as well:

Server Setup Information:

• Version of Rocket.Chat Server: 5.1.4
• Operating System: Debian GNU/Linux
• Deployment Method: Docker
• Number of Running Instances: 1
• DB Replicaset Oplog: ?
• NodeJS Version: 14.19.3
• MongoDB Version: 5.0.12

Client Setup Information

• Desktop App or Browser Version: Chromium 106.0.5249.61 (Offizieller Build) Arch Linux (64-Bit)
• Operating System: Arch Linux

Additional context

This problem does not occur in Firefox 105.0.1 (64-Bit):

Reproduce the issue in Chrome or Chromium with SVG favicons enabled, an uploaded SVG favicon, and no unread messages; compare the initial favicon with Firefox. Trace the favicon handling from the browser entry point and verify that the uploaded SVG is shown initially and after messages are marked read.