Platform
Safari 固定标签页图标（mask-icon）
macOS 上的 Safari 为固定标签页使用一个专门的图标，用 <link rel="mask-icon" href="..." color="#..."> 声明。这个文件是一张单色 SVG，由透明背景上的纯黑色形状构成，Safari 用 color 属性给它重新上色。它与你普通的 favicon 相互独立，并且只影响桌面版 Safari 里的固定标签页。
一张单色 SVG，由 Safari 重新上色
mask-icon 不是一张普通的彩色图形。Safari 把它当作一个遮罩：你提供透明背景上的纯黑色形状，它用标签 color 属性里的颜色去填充——固定时一种颜色，悬停时另一种。渐变、多种颜色和描边都会被压平，所以图形必须读起来像一个单一的剪影。
它只驱动桌面版 Safari 里的固定标签页。较新的 Safari 版本还会回退到你常规的 SVG 或 PNG favicon，这也是许多网站不再单独发布 mask-icon 的原因。
声明它
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#111111" />当标签页被固定时，Safari 就用 color 属性里的颜色来涂那些黑色形状。
Safari 固定标签页常见问题
我还需要 mask-icon 吗？
很少需要。现代 Safari 会为固定标签页回退到你的 SVG 或 PNG favicon，所以单独的 mask-icon 如今是锦上添花，而不是必需品。
为什么我的固定标签页图标是一个实心团块？
因为 Safari 把 mask-icon 压平成一个单一剪影，并用 color 属性去填充它。任何由颜色或渐变承载的细节都会丢失。必须由形状本身来定义这个标志。
固定标签页图标需要什么格式？
一张由透明背景上的纯黑色路径构成的 SVG。不是 PNG，也不是多色 SVG。Safari 只用它的几何形状，并应用它自己的颜色。