Favicon Generator
Generate favicons from images, text or emoji. Download as ICO and PNG in all sizes — free, no signup, 100% in-browser.
Upload Image
Drop your image here
PNG, JPG, SVG, WebP — any size
Related Tools
Favicon Generator — Create Browser Tab Icons for Your Website
The tiny icon that appears in your browser tab, in bookmarks, and on the home screen when someone saves your site to their phone — that's the favicon. Despite being just 16×16 or 32×32 pixels, it does a surprising amount of work for brand recognition. It's the first visual signal that tells someone "this is that site" when they have twenty tabs open. Getting it right matters, and this tool generates all the sizes and formats you need from a single source image.
Upload your logo or icon image, and the tool generates favicon.ico, PNG files at multiple sizes, and the manifest file needed for PWA home screen icons. Download the package, drop the files into your website's root directory, and add the standard link tags to your HTML. Done.
What Gets Generated
Modern browsers and devices require multiple sizes of the same icon. The standard set includes: 16×16 and 32×32 pixels for browser tab display, 48×48 for Windows desktop shortcuts, 180×180 for Apple Touch Icon (iOS home screen), 192×192 and 512×512 for Android home screen (PWA manifest), and the .ico file that bundles multiple sizes for maximum compatibility with older browsers and Windows systems.
The tool generates all of these from your single source image, automatically resizing and optimising each size appropriately.
How to Use It
Upload a square image — your logo or icon — as the source. PNG with a transparent background works best, since favicons are displayed against various backgrounds (light mode browser UI, dark mode, coloured bookmark toolbars). If your logo has a white background and is going to be used on a dark mode browser, that white box will stand out. Transparent PNG avoids the problem.
The tool generates the full set of files and packages them for download. Add them to the root of your website and add the following link tags in the <head> of your HTML. The standard link tags needed are provided in the download package documentation.
Common Use Cases
New website launch: Every website needs a favicon. Launching without one means your site shows a generic browser icon in every tab, which looks unfinished and makes your site indistinguishable from others when someone has multiple tabs open.
Rebranding: When you update a logo or brand identity, update the favicon too. An outdated favicon showing an old logo while the site shows a new one is a small but noticeable inconsistency.
PWA setup: Progressive Web Apps that users can install on their home screen need multiple icon sizes and a manifest file. This generator creates both the icons and the manifest snippet needed for PWA installation.
Client websites: Web developers and freelancers building sites for clients who don't have a technical background can use this tool to quickly generate the complete favicon package from a client's logo file, rather than manually resizing in Photoshop or Figma.
Tips for Good Favicons
Favicons need to be recognisable at 16×16 pixels. That's tiny — you have very few pixels to work with. Logos with detailed text, multiple colours, or complex shapes often don't work as favicons because the detail is lost at small sizes. The most effective favicons use a simplified version of the brand mark: a single letter, an icon, or the most distinctive shape of the logo without accompanying text.
If your logo doesn't work at small sizes, design a simplified icon specifically for favicon use. Many well-known companies use their full logo on the website but a simplified icon or letter mark for the favicon. Google uses a simple coloured "G", not the full Google logo. Apple uses the Apple logo mark, not the word "Apple".
Start with a high-resolution square source image (at least 512×512 pixels). The generator will scale down cleanly from a large source; it can't add detail that isn't in a small source.
Limitations
The tool generates standard favicon sizes. Animated favicons (which some browsers support) aren't generated here. ICO files support multiple sizes bundled into one file — the generated .ico includes the standard 16, 32, and 48px sizes. Very complex logos may not translate well to small favicon sizes — consider designing a simplified version specifically for favicon use.
Frequently Asked Questions
A favicon is the small icon shown in browser tabs, bookmarks, and search engine results. It helps users identify your website at a glance.
Standard sizes are 16×16 and 32×32 for browsers, 180×180 for Apple touch icon, and 192×192 for Android Chrome. This generator creates all of them.
Use favicon.ico for maximum browser compatibility. Modern browsers also support PNG. We recommend using both — ICO for legacy support, PNGs for modern browsers.
Copy the HTML tags shown after generation and paste them inside the <head> of your HTML pages. Upload the favicon files to your website's root folder (same level as index.html).
Yes, completely free. No signup. All processing is done in your browser — your images never leave your device.
Google requires favicons to be at least 48×48px and accessible at your domain root. After uploading, it can take days to weeks for Google to re-crawl and display the new icon.