SIZES TO EXPORT
// generate favicons from text, emoji, or image — all sizes
Generate favicons from text, emoji, or uploaded images. Export all sizes (16×16 to 512×512), ICO format, and get the HTML code — browser-based, free, no signup.
Type 1–3 characters or an emoji for a text-based favicon, or switch to "Upload Image" to use your own logo. Configure colors, font, shape, and optional gradient.
The live preview shows all selected sizes. The browser mockup shows how your favicon looks in a real tab. Click "Generate All Sizes" to render all canvases.
Download a ZIP with all sizes and an HTML snippet file, or grab individual sizes. Copy the HTML snippet and paste it into your <head>.
16×16 (browser tab), 32×32 (taskbar), 48×48, 64×64, 96×96, 128×128, 180×180 (Apple Touch), 192×192 (PWA), 512×512 (PWA splash).
The Favicon Generator creates browser icons in all required sizes from a text label, emoji, or uploaded image. All processing happens in the browser using the Canvas API — nothing is uploaded. The ZIP export includes every PNG size plus an favicon.html file with the correct <link> tags to paste into your site's <head>.
At minimum you need 16×16 and 32×32 for browser tabs and taskbars. For Apple devices you need 180×180 (apple-touch-icon). For Android and PWA you need 192×192 and 512×512. This tool generates all of these automatically so you never have to think about sizes again.
Modern browsers support PNG favicons natively, so an ICO file is not required for current browsers. However, favicon.ico at the site root is still picked up by some older clients, email clients, and tools that look for it without reading HTML. If you need ICO format, use a dedicated ICO converter with the 32×32 PNG from this tool.
Progressive Web Apps (PWAs) require icons for the home screen shortcut when a user installs your app. The web app manifest references 192×192 and 512×512 icons. This tool generates both sizes so your PWA is fully covered out of the box.
No. All processing happens entirely in your browser using the Canvas API. Your image never leaves your machine — there is no upload, no server processing, and no storage. The tool works offline once the page is loaded.
Yes. Type any emoji (like 🔥, ⚡, or 🚀) in the text input and it will be rendered as the favicon content. Emoji favicons have become popular and are fully supported in modern browsers. The generator renders the emoji on a colored background at all required sizes.
Place the PNG files in your site root (or a /favicon/ subfolder) and update the href paths in the HTML snippet accordingly. The <link> tags go inside <head> on every page, or in a shared layout template if your framework uses one.
A favicon is the small icon that appears in browser tabs, bookmarks, history lists, and on mobile home screens when a site is saved. It is often the first visual element a returning visitor sees when they scan their open tabs, making it a small but important part of brand recognition. Getting favicons right means generating them at all the sizes different contexts require.
Different browsers, operating systems, and platforms look for favicon images at specific sizes. The minimum viable set is 16×16 for browser tabs and 32×32 for taskbar and bookmark icons. Add 180×180 for Apple Touch Icon (iOS home screen), 192×192 for Android and PWA icons, and 512×512 for PWA splash screens and high-DPI displays. This generator produces all of these from a single source in one click.
If you don't have a logo yet, a text-based favicon — one or two initials on a colored background — is a clean, professional solution that scales perfectly at any size. Monogram favicons are used by major platforms and work especially well when the text is a short abbreviation of the brand name at high contrast on a solid color. At 16×16, a single bold letter is often more legible than a complex logo mark.