Нестабильная SVG-иконка в Firefox

Привет. SVG-фавикон в Firefox на Windows 10 и macOS выглядит у меня немного странно. Значок вкладки правильный, а значок закладки — нет:

Посмотрев на исходный код, я вижу:

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

Тип файла указан неверно. Не уверен, важно ли это? Мне кажется, я загружал PNG перед SVG.

То же самое и с логотипом Apple Touch:
<link rel="apple-touch-icon" type="image/png" href="https://londonbikers.com/uploads/default/optimized/3X/e/2/e282ac096da1a473b060a379521996db4fb7d190_2_180x180.svg">

Правильное изображение выше — это rel=icon.
Неправильное изображение выше — это rel=apple-touch-icon.

Пытался удалить закладку и создать её заново. Результат тот же. Система выбирает логотип apple-touch-icon. Это проблема Firefox или Discourse, вы знаете?

Спецификации, кажется, предполагают, что это должно работать:

1 лайк

В любом случае, здесь что-то выглядит странно — отсутствует type="image/png".

SVG-фавиконка пока ещё экспериментальна (особенно с учётом ограничений Safari).

Готов исправить хотя бы часть проблемы, связанную с Discourse.

1 лайк