Favicon & App Icon Generator
Scale a single image into standard responsive favicon sizes, construct PWA app credentials, and download everything as a zipped package.
1. Upload Source Icon
2. Generated Icon Dimensions
PWA & Desktop Icons
android-chrome-512x512.png
PWA splash screens / banners
android-chrome-192x192.png
Android home screens
apple-touch-icon.png
180x180 iPhone / iOS bookmarks
Browser Favicons
favicon-32x32.png
Standard desktop browser tab
favicon-16x16.png
Legacy browser address bars
site.webmanifest
JSON credentials for installable PWAs
PWA Manifest Settings
Scaling and compressing icon layouts...
Please upload a source image file to configure app favicon properties.
Favicon Bundle Generated!
Your favicon package ZIP download has started! Extract the contents and place them in the root directory of your site.
1. Add these tags inside your HTML head element:
<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">