Safari pinned tab (mask-icon)

Use a monochrome SVG as your mask-icon and set the desired color. IcoSmith can export an SVG and the rest of your favicon set.

How to add

Generate your favicon set (ICO + PNGs). Prepare a simple monochrome SVG for Safari.
Place safari-pinned-tab.svg in /public.
Add this to your <head>:

<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0f172a">

Tips

Prefer single color fills; avoid strokes and gradients.
Keep margins so the shape doesn't clip at 16–32 px.
Test on both light and dark backgrounds.