Abrir conversor

Aba fixada do Safari (mask-icon)

Use um SVG monocromático como seu mask-icon e defina a cor desejada. O IcoSmith pode exportar esse SVG e o restante do pacote de favicon.

Como adicionar

Gere seu pacote de favicon (ICO + PNGs). Prepare um SVG simples e monocromático para o Safari.
Coloque safari-pinned-tab.svg em /public.
Adicione isto ao seu <head>:

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

Dicas

Prefira preenchimentos de cor única; evite strokes e degradês.
Deixe margens para não cortar a forma em 16–32 px.
Teste em fundos claros e escuros.

Abrir conversor