Favicon generator
Create favicon.ico, app icons and site.webmanifest from an image or text in one go. You can also make the background transparent.
No uploads · Everything runs in this browser
Download
- favicon.ico
- favicon-16x16.png
- favicon-32x32.png
- apple-touch-icon.png
- android-chrome-192x192.png
- android-chrome-512x512.png
- site.webmanifest
Paste into your <head>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">Put favicon.ico in your site root and browsers will find it automatically.
FAQ
Are my images uploaded to a server?
No. Reading, background removal, resizing and ZIP creation all happen inside this browser.
How does solid-color background removal work?
Pixels close to the chosen color become transparent. By default only areas connected to the edge are removed, so the same color inside your logo stays. Raise the tolerance to remove a wider range of colors.
Which files are created?
favicon.ico (16, 32, 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png and site.webmanifest.
Where should I put the files?
Unzip them into your site root and paste the provided code inside <head>. Browsers find favicon.ico automatically when it is in the root.