SVG Favicon Inconsistente no Firefox

Olá. Um favicon SVG no Firefox no Win10 e macOS parece um pouco estranho para mim. O ícone da aba está correto, mas o ícone do marcador está errado:

Analisando o código-fonte, vejo:

<link rel="icon" type="image/png" href="https://londonbikers.com/uploads/default/optimized/3X/b/8/b8dce8ed67efe68449c05bb6d1d09fecd2bad6e1_2_32x32.svg">

O tipo de arquivo está errado. Não sei se isso é importante? Acredito que tenha feito o upload de um PNG antes do SVG.

O mesmo acontece com o logo de toque da Apple:
<link rel="apple-touch-icon" type="image/png" href="https://londonbikers.com/uploads/default/optimized/3X/e/2/e282ac096da1a473b060a379521996db4fb7d190_2_180x180.svg">

A imagem correta acima é a rel=icon.
A imagem errada acima é a rel=apple-touch-icon

Tentei excluir o marcador e marcá-lo novamente. O resultado foi o mesmo. Ele está escolhendo o logo apple-touch-icon. Isso é um problema do Firefox ou do Discourse, você sabe?

As especificações parecem sugerir que deveria funcionar:

1 curtida

De qualquer forma, algo parece estranho aqui: não há type="image/png".

O favicon SVG é um pouco experimental (especialmente com a ressalva do Safari).

Estou aberto a corrigir pelo menos as partes relacionadas ao Discourse desse problema.

1 curtida