Inconsistent SVG Favicon in Firefox

Hello. An SVG Favicon in Firefox on Win10 and macOS seems a bit wonky for me. Tab icon is correct. Bookmark icon is wrong:

Looking at the source, I see:

<link rel="icon" type="image/png" href="">

The file type is wrong. Not sure if that’s important? I think I uploaded a PNG before the SVG.

It’s the same for the Apple touch logo:
<link rel="apple-touch-icon" type="image/png" href="">

The correct image above is the rel=icon.
The wrong image above is the rel=apple-touch-icon

Have tried deleting the bookmark and re-bookmarking. Same result. It’s choosing the apple-touch-icon logo. Is this a Firefox, or Discourse issue, do you know?

The specs seem to suggest it should work:

1 Like

Regardless something is looking odd here the is not type="image/png"

SVG favicon is a bit experimental (especially with the safari caveat)

Open to correcting at least the Discourse parts of this problem.

1 Like