SVG favicon not always used in Chrome

[paulchen]

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):

[ankar84]

In my case Enabling SVG favicon - broke favicon functionality on FireFox. I disable SVG favicon and FireFox shows proper Rocket.Chat favicon from Admin UI - Assets.

So, some SVG favicon problem exists.

[SaiRev0]

Is this issue resolved?? If not I would like to work on the issue