Favicon doesn't appear in Firefox on Linux

[swishkin]

Describe the bug
Favicon doesn't appear in Firefox 143.0 (64-bit) on Artix Linux.

To Reproduce
Steps to reproduce the behavior:

1. Open Firefox
2. Go to Angular Mod Updater Vercel deployment
3. Observe favicon missing

Expected behavior
The colorful Mod Updater favicon should appear!

Screenshots
No favicon appears for either the public Vercel deployment or a self-hosted version on my local machine:

It appears as if the container doesn't include the SVG favicon, but does include the ICO version:

  ~ ❯ docker exec -it ceef sh                                                                                       21:59:42
/ $ ls /usr/share/nginx/html -l
total 944
-rw-r--r--    1 root     root           497 Aug 13 15:10 50x.html
drwxr-xr-x    1 root     root            10 Sep 24 19:24 assets
-rw-r--r--    1 root     root         15406 Sep 20 07:57 favicon.ico
-rw-r--r--    1 root     root          3968 Sep 24 19:24 index.html
-rw-r--r--    1 root     root        652385 Sep 24 19:24 main-LAJVHNPY.js
-rw-r--r--    1 root     root           480 Sep 20 07:57 manifest.webmanifest
-rwxr-xr-x    1 root     root         84115 Sep 24 19:24 ngsw-worker.js
-rw-r--r--    1 root     root          2579 Sep 24 19:24 ngsw.json
-rw-r--r--    1 root     root         34585 Sep 24 19:24 polyfills-5CFQRCPP.js
-rw-r--r--    1 root     root            79 Sep 20 07:57 robots.txt
-rwxr-xr-x    1 root     root           785 Sep 24 19:24 safety-worker.js
-rw-r--r--    1 root     root         39398 Sep 24 19:24 scripts-FAHR3YPZ.js
-rw-r--r--    1 root     root           423 Sep 20 07:57 sitemap.xml
-rw-r--r--    1 root     root         97252 Sep 24 19:24 styles-RSSCA65Q.css
-rwxr-xr-x    1 root     root           785 Sep 24 19:24 worker-basic.min.js

However, despite including the ICO version of the favicon, it is not displayed on my system.

Desktop:

• OS: Artix Linux
• Browser Firefox 143.0

Additional context
Observed this behavior first in the docker image created in #14.

[IsAvaible]

Hey @swishkin, thank you for your detailed report on this issue!

The problem was an incorrect path reference for the SVG favicon, which specifically affected Gecko-based browsers like Firefox. I've pushed a commit that corrects the path in this commit.

This resolves the original issue, and the favicon now appears in Firefox. However, a secondary rendering problem has emerged: the icon is clipped compared to its appearance on Chromium-based browsers.

Icon on Chromium based browsers:

Icon on Firefox descendant browsers:

I suspect this might be an issue with the SVG file itself, as it was auto-generated from a PNG. Unfortunately, re-encoding the file didn't fix the clipping.

For now, this commit serves as a partial fix, ensuring that users on Firefox and similar browsers will at least see an icon, even if it's not perfect. I'll keep investigating the rendering issue.