Favicon Generator
Generate favicons in all sizes from any image. Download as ZIP with manifest and HTML links.
Report a Problem
Found a bug or have a suggestion? Help us improve this tool.
What is this tool?
A Favicon Generator creates all necessary website icons from a single source image. It generates favicon.ico (16x16, 32x32, 48x48), Apple Touch Icon (180x180), Android Chrome icons (192x192, 512x512), site.webmanifest, and browserconfig.xml. Download everything as a ready-to-deploy ZIP package with HTML integration code.
How to use
- 1
Upload image
Upload a PNG, JPG, or SVG image (recommended 512x512 or larger).
- 2
Preview sizes
View how your image looks at different favicon sizes.
- 3
Download all
Download a ZIP containing all icon sizes, manifest files, and HTML integration code.
Frequently Asked Questions
What is a favicon?
A favicon (short for "favorite icon") is the small icon displayed in browser tabs, bookmarks, and address bars. It helps users identify your website at a glance. Modern websites need multiple sizes: 16x16 and 32x32 for browsers, 180x180 for Apple devices, and 192x192/512x512 for Android.
What image format should I use?
Use a high-resolution PNG image (512x512 or larger) with a transparent background for best results. PNG supports transparency, which is important for displaying icons correctly on different background colors. The generator will automatically create all needed sizes and formats.
How do I install the generated favicons?
Upload all files to your website root directory. The ZIP includes an HTML-links.txt file with all the HTML link tags โ paste them into your page <head>. The favicon.ico goes in the root, manifest files in the root, and touch icons alongside.
What is site.webmanifest?
The Web App Manifest is a JSON file that tells browsers how your website should appear when installed as an app. It specifies icons, display mode, name, and theme color. Modern browsers (Chrome, Edge, Firefox) use it to display your PWA (Progressive Web App) icons.
Do I need browserconfig.xml?
The browserconfig.xml file is only needed for Microsoft Edge and Internet Explorer tile customization. If you only target modern browsers, it's optional. However, including it ensures complete compatibility across all browsers.
How do I create a favicon?
Upload a logo or any square image, and the tool generates the full set of favicon sizes (16ร16 up to 512ร512) plus a favicon.ico, site.webmanifest, and browserconfig.xml so the icon works in browsers, tabs, and homescreens. Then install them: put the files in your site root, add the link tags the tool generates, and clear your browser cache to see the new icon.