Is my image sent to a server?

No. All favicon generation runs 100% in your browser using the Canvas API. Your source images never leave your device.

What favicon sizes do I need?

The minimum set: 16x16 and 32x32 ICO for browsers, 180x180 PNG for Apple Touch Icon, 192x192 and 512x512 PNG for Android/PWA. This tool generates all required sizes from a single source image.

What is the best source image for favicon generation?

A square SVG or high-resolution PNG (at least 512x512) with a simple design that remains recognizable at 16x16 pixels. Avoid fine details, thin lines, and text that becomes illegible at small sizes.

What is the difference between favicon.ico and favicon.png?

favicon.ico is the legacy format that can contain multiple sizes in one file (16x16, 32x32, 48x48). Modern browsers also support favicon.png and SVG favicons. The ICO format is still needed for maximum compatibility, especially with older browsers and RSS readers.

What HTML do I need to link my favicons?

At minimum: and . For PWA support add with the 192x192 and 512x512 icons listed.

Dev Toolkit — 55+ Free Client-Side Developer Utilities

About the Favicon Generator

A favicon is the small icon that appears in browser tabs, bookmarks, and on mobile home screens. Getting it right requires generating multiple sizes in multiple formats — ICO for legacy browsers, PNG for modern browsers and Apple devices, and a web manifest for PWA installation. This tool generates the complete favicon bundle from a single source image, entirely in your browser.

What this tool generates

Browser Favicons

16x16, 32x32, and 48x48 PNG files plus a multi-size ICO file for maximum browser compatibility.

Apple Touch Icon

180x180 PNG for iOS home screen bookmarks and Safari pinned tabs. Apple ignores favicons and uses this dedicated size.

PWA Icons

192x192 and 512x512 PNG icons for Android home screen installation and PWA splash screens.

HTML Snippet

Ready-to-paste HTML <link> tags for all generated icons — copy directly into your <head>.

Favicon checklist

Place favicon.ico in the root of your domain — browsers request it automatically
Add <link rel="apple-touch-icon"> for iOS home screen bookmarks
Include a manifest.json with 192x192 and 512x512 icons for PWA support
Test at 16x16 — if your logo isn't recognizable at that size, simplify it

Frequently asked

Is my image sent to a server?: No. All favicon generation runs 100% in your browser using the Canvas API. Your source images never leave your device.
What favicon sizes do I need?: The minimum set: 16x16 and 32x32 ICO for browsers, 180x180 PNG for Apple Touch Icon, 192x192 and 512x512 PNG for Android/PWA. This tool generates all required sizes from a single source image.
What is the best source image for favicon generation?: A square SVG or high-resolution PNG (at least 512x512) with a simple design that remains recognizable at 16x16 pixels. Avoid fine details, thin lines, and text that becomes illegible at small sizes.
What is the difference between favicon.ico and favicon.png?: favicon.ico is the legacy format that can contain multiple sizes in one file (16x16, 32x32, 48x48). Modern browsers also support favicon.png and SVG favicons. The ICO format is still needed for maximum compatibility, especially with older browsers and RSS readers.
What HTML do I need to link my favicons?: At minimum: <link rel="icon" href="/favicon.ico"> and <link rel="apple-touch-icon" href="/apple-touch-icon.png">. For PWA support add <link rel="manifest" href="/manifest.json"> with the 192x192 and 512x512 icons listed.