← All Tools

Favicon Generator

Upload any image and generate all required favicon sizes, apple-touch-icon, Android icons, and manifest files. Download as ZIP.

Ad 728x90

Drop an image here or click to browse

PNG, JPG, SVG, or any image format. Best at 512x512px or larger.

Generate All Required Favicon Sizes from One Image

Upload any image and instantly generate every favicon size your website needs: ICO (16x16, 32x32, 48x48), apple-touch-icon (180x180), Android Chrome icons (192x192, 512x512), and more. Download everything as a ZIP with ready-to-use HTML link tags and a web manifest file.

Favicons appear in browser tabs, bookmarks, home screens, and search results. A missing or blurry favicon makes your site look unprofessional. This tool ensures crisp, properly sized icons across every device and browser, following current web standards and best practices.

Customize the background color and icon shape (square, rounded, circle) for different platforms. All image processing happens locally in your browser using the Canvas API — your brand assets and logos are never uploaded to any server.

Frequently Asked Questions

What sizes of favicons does this tool generate?
This tool generates all standard favicon sizes needed for modern web development: 16x16, 32x32, and 48x48 for browser tabs and bookmarks, 180x180 for the Apple Touch Icon (used when someone saves your site to their iPhone/iPad home screen), 192x192 and 512x512 for Android Chrome (used for PWA splash screens and home screen icons), and 150x150 for the Microsoft Tile (used in Windows Start menu and Edge).
What image formats can I upload?
You can upload any image format your browser supports, including PNG, JPG/JPEG, SVG, GIF, WebP, and BMP. For the sharpest results at all sizes, start with a square image that is at least 512x512 pixels. If your image is not square, the tool will automatically center it and maintain its aspect ratio.
How do I add the generated favicons to my website?
Download the ZIP file, which includes all icon image files, a site.webmanifest, browserconfig.xml, and an HTML snippet. Extract and place all files in your website's root directory, then paste the HTML snippet into your page's <head> tag. If you use a framework like Next.js, you can place the icons in the public/ folder.
Can I customize the background and shape of the icons?
Yes. You can choose a transparent background (ideal for logos with existing backgrounds) or pick a custom background color. The border radius slider lets you go from 0% (sharp square) to 50% (perfect circle) so you can match your brand style. All changes preview instantly before you download.
Is my uploaded image stored on any server?
No. All image processing happens entirely in your browser using the HTML5 Canvas API. Your image is never uploaded to any server and no data leaves your device, so your files stay completely private. You can even use this tool offline once the page has loaded.