Turn an image, emoji, or text into a full favicon set with all sizes and ready-to-paste HTML.
Quick presets
Any emoji or a single character. Rendered with your system emoji font.
PNG, JPG, SVG or WebP. The image is scaled to fit and never leaves your browser.
Master preview (180px)
In light & dark browser tabs
The Tool Hive
16
32
48
64
The Tool Hive
16
32
48
64
Download PNGs
HTML — paste into <head>
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png"> <link rel="manifest" href="/site.webmanifest">
site.webmanifest — icons
{
"icons": [
{
"src": "/favicon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/favicon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
}
]
}No maskable icon is emitted. For Android adaptive icons, use an opaque background and at least 20% padding so the artwork isn't clipped when masked to a circle.