Automatic Multi-Resolution Resizing • HTML Snippet Included
Favicon & App Icon
Generator.
Upload any logo or photo to instantly generate pixel-crisp favicons, Apple Touch icons, and Android PWA assets with ready-to-paste HTML code.
1. Upload Source Image
For best results, upload a square image of at least 512×512 pixels with a transparent background.
Choose image filePNG, JPG, SVG supported
HTML Header Links
<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="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Place these tags inside your <head> tag or in your Next.js metadata.icons configuration.
2. Generated Icon Assets
Click any card to download that specific resolution.
Ready
Browser Tab Preview
My New Website
iOS App Icon Preview
Web App
180×180 px
16×16 px
Classic browser tab favicon
32×32 px
Standard desktop browser icon
48×48 px
Windows desktop shortcut
180×180 px
Apple Touch Icon (iOS Home Screen)
192×192 px
Android Chrome Web App
512×512 px
PWA Splash & Manifest Icon