All tools
Design tools

Favicon Generator

Upload any image and get PNG favicons at 16, 32, 48, 64, 128, 180, 192 and 512px — covering browsers, iOS, Android and PWAs in one download.

16px to 512px iOS 180px PWA 192+512px favicon.ico Download all HTML snippet
Get started free Sign in

Free · No credit card · 50 credits/day

Favicon size reference

Size File Used by
16×16 favicon-16.png Browser tab (standard), bookmarks
32×32 favicon-32.png Chrome/Firefox tab (retina), Windows shortcut
48×48 favicon-48.png Windows taskbar, ICO multi-size
180×180 apple-touch-icon.png iOS Safari home screen icon
192×192 icon-192.png Android Chrome, PWA install
512×512 icon-512.png PWA splash screen, Android app icon

Frequently asked questions

What favicon sizes do I need in 2024?

Minimal set: favicon.ico (16+32px multi-size), apple-touch-icon.png (180×180 for iOS), icon-192.png and icon-512.png (Android/PWA). A comprehensive set also includes 32×32 (Chrome/Firefox tab), 64×64 (Windows taskbar), 128×128 (Chrome Web Store) and 48×48 (Windows shortcut).

Can I use an SVG as a favicon?

Yes — modern browsers support SVG via <link rel="icon" type="image/svg+xml" href="favicon.svg">. The advantage: one file, scales perfectly, supports media queries (dark mode). The downside: no IE support, and iOS still requires apple-touch-icon.png. Best practice: SVG for modern browsers + .ico and apple-touch-icon as fallbacks.

What is the difference between favicon.ico and apple-touch-icon.png?

favicon.ico is a multi-resolution ICO file shown in browser tabs and bookmarks — typically contains 16×16 and 32×32 variants. apple-touch-icon.png (180×180px) is used by iOS Safari when the site is saved to the home screen as an app icon. Chrome/Android use icon-192.png and icon-512.png for PWA install.

What image works best as a favicon source?

Start with the highest resolution version of your logo — ideally 512×512px or larger, square proportions. Simple, bold shapes work best at small sizes. Test the 16×16 output before finalising — you may need a simplified "mark only" version of your logo for favicon use.

Related design tools

More tools for brand assets.

SVG Optimizer

Clean up your logo SVG before generating favicons from it.

 Image Compressor

Further reduce the size of generated PNG favicons.

 Color Palette Generator

Define your brand colors before creating your favicon.

Generate a complete favicon set in seconds

Free account. 50 credits per day. Access to 75+ tools instantly.

Create free account →