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

Известно что для отображения иконки сайта на вкладке safari файла favicon.ico не достаточно. Для этого нужен тег
<link rel="mask-icon" href="website_icon.svg" color="red">
как это описано тут
Можно покрасить фон в какой-то один цвет

Все бы ничего но google и mail.ru эту проблему как-то решили их иконки имеют множество цветов. У них вообще отсутствует
rel="mask-icon"
Как они это сделали? 5ffec2fc7aa51889068485.png
  • Вопрос задан
  • 147 просмотров
Решения вопроса 1
le2xx
@le2xx Автор вопроса
Урааа, нашел решение. Этот тег устарел
<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"
6000198120f5b050418422.png
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы