Как сделать разноцветную иконку на вкладке сафари?

Question

[Алексей]

Известно что для отображения иконки сайта на вкладке safari файла favicon.ico не достаточно. Для этого нужен тег

<link rel="mask-icon" href="website_icon.svg" color="red">

как это описано тут
Можно покрасить фон в какой-то один цвет

Все бы ничего но google и mail.ru эту проблему как-то решили их иконки имеют множество цветов. У них вообще отсутствует

rel="mask-icon"

Как они это сделали?

Comments

[Ankhena]

https://realfavicongenerator.net/

[Алексей]

Ankhena, не помогает, я пробовал. Делает одноцветную иконку для safari

а нужно цветную как тут

ON

желтым выделен

Answer 1

[Алексей]

Урааа, нашел решение. Этот тег устарел

<link rel="mask-icon" href="website_icon.svg" color="red">

его нужно убрать. В 2021 году вместо него нужно добавить

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

И это сработало. Если в html будут оба тега, то приоритетным будет rel="mask-icon"