Safari pinned tab icon
Create a monochrome safari-pinned-tab.svg and the correct <link rel="mask-icon"> tag. Best when you already have an SVG logo.
SVG and color
This tool works best with simple, single-color SVG shapes.
File name: /favicons/safari-pinned-tab.svg
Preview
Upload an SVG and click “Normalize SVG” to preview
Next steps
Keep this as an add-on. Your baseline favicon pack should still include ICO + PNG sizes.
Generate a full baseline pack with Favicon Generator.
Want the rest of your tags? Favicon HTML tags.
Frequently Asked Questions
Do you upload anything?
No. This tool edits your SVG in your browser.
Can I convert a PNG to a pinned tab icon?
Not reliably. Safari pinned tabs expect a simplified SVG. Start from an SVG logo if possible.
Why does my icon look wrong in Safari?
Pinned tabs are tiny. Simplify the SVG, avoid thin strokes, and keep one solid shape.
Need the rest of your favicon setup?
Favicon Generator creates the full pack. Keep mask-icon as an optional extra.