Favicon · app icons
Favicon & App Icon Generator
Upload any image and generate PNG icons in all standard sizes, a multi-size favicon.ico, and an SVG icon — all locally in your browser.
Drop an image here
Click or drag · one file, up to 12 MB
PNG · JPG · WebP · SVG · GIF · more
Options
Generated icons
Favicon & Icon Sizes Guide
Modern websites and apps need icons in many sizes for different contexts. Here's what this tool generates and where each is used:
- 16×16 px — Browser tab favicon (classic)
- 32×32 px — Windows taskbar, browser address bar
- 48×48 px — Windows Start menu shortcut
- 64×64 px — High-DPI tab and shortcut icons
- 128×128 px — Chrome Web Store, general purpose
- 180×180 px — Apple Touch Icon (iOS home screen)
- 192×192 px — PWA manifest icon (Android)
- 512×512 px — PWA splash screen, app stores
- favicon.ico — Multi-size bundle (16, 32, 48) for maximum browser compatibility
- icon.svg — Scalable vector icon, used by modern browsers as
<link rel="icon" type="image/svg+xml">
Which image should I use as input?
Use a square image at least 512×512 px for best results. SVG inputs produce the sharpest results at all sizes. For logos with a transparent background, ensure the PNG or SVG has proper alpha channel — the tool preserves transparency.
Frequently Asked Questions
favicon.ico is a multi-resolution container (can hold 16×16, 32×32, 48×48) and has near-universal browser support including IE. favicon.png is a single-resolution PNG and is supported by all modern browsers. Best practice: serve both — .ico for legacy, .png or .svg for modern browsers.
For a basic website: favicon.ico (16/32/48), favicon.svg, and apple-touch-icon.png (180×180) cover most use cases. For PWAs, you also need 192×192 and 512×512 in your Web App Manifest.
Add these tags inside your HTML <head>:<link rel="icon" href="/favicon.ico" sizes="32x32"><link rel="icon" href="/favicon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">