Safari pinned tab icon: что это и зачем
В Safari есть «закреплённые вкладки» (pinned tabs). Для них можно указать отдельную монохромную иконку через rel="mask-icon".
Как подключить
- Подготовьте простой одноцветный SVG (без мелких деталей).
- Добавьте в <head> тег: <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#111111">
- Проверьте, что файл доступен по URL и отдаётся как image/svg+xml.
Если не хотите отдельный файл
Можно обойтись без mask-icon — это опционально. Но для закреплённых вкладок выглядит лучше.
FAQ
Mask-icon обязателен?
Нет, это дополнительная опция для Safari. Основное — favicon.svg/ico/png.
Почему иконка выглядит не так?
Проверьте, что SVG монохромный и достаточно простой для маленького размера.