preview · actual sizes
add_to_your_page_head
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">Need the full identity, not just the icon?
See the Brand Sprinthow_it_works
Your icon is drawn on a canvas in your browser, so nothing is uploaded. The tool exports a 32 × 32 PNG for browser tabs, a 180 × 180 PNG for phone home screens and, for letters and emoji, an SVG that stays sharp at any size.
questions
Asked about this tool
What size should a favicon be?
Provide 32 × 32 and 180 × 180 PNGs plus an SVG. The tool exports all three.
Where do I put the favicon?
In your site’s root folder, with the link tags the tool gives you in your page’s head.
Can I use my logo?
Yes, but simplify it. Detailed logos become unreadable at 32 pixels.