Free image tools
Favicon Generator
One image. Every essential favicon. Generate and download your icons locally, with no ads or account.
PNG, JPEG, WebP, SVG, BMP or GIF · Up to 20 MB. A square image of at least 512 × 512 works best. Animated images become a static icon.
Add to your HTML <head>
Extract the ZIP into your website root (Next.js: public/), so /favicon.ico is available directly. Paste these tags into your page head.
<link rel="icon" href="/favicon.ico" sizes="16x16 32x32" />
<link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16" />
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32" />
<link rel="icon" href="/icon.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
<link rel="manifest" href="/site.webmanifest" />site.webmanifest
{
"name": "My website",
"icons": [
{
"src": "/icon-192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "/icon-512.png",
"type": "image/png",
"sizes": "512x512"
}
]
}The generated SVG embeds a PNG; it is not vector artwork and does not automatically change colors in dark mode. For a scalable or dark-mode icon, replace icon.svg with a purpose-designed vector SVG. This manifest supplies icons; installing a PWA also requires additional website configuration.