What files are included in the package?

favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-96x96.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, and readme.txt with HTML.

What size should my source image be?

Minimum 512x512 pixels. Square images work best. The tool resizes down from your source.

Do I need all these files?

Yes for complete cross-browser and device coverage. The apple-touch-icon is needed for iOS home screen bookmarks.

Where do I put the favicon files?

In the root of your website (e.g., /public in Next.js, /static in plain sites).

What HTML do I add to my website?

The readme.txt in the ZIP contains all required link tags ready to paste into your head element.

Does it support SVG favicons?

SVG input may be supported if your browser handles it. Upload a PNG version for guaranteed results.

Why does favicon.ico contain multiple sizes?

Different browsers and contexts (high-DPI displays, Windows taskbar) use different sizes from the multi-size ICO.

What is the apple-touch-icon used for?

Safari on iOS uses it as the icon when a user saves your website to their home screen.

What are the android-chrome icons for?

Chrome on Android uses them for home screen shortcuts and Progressive Web App (PWA) icons.

Should my favicon have a transparent background?

Depends on your preference. For favicon.ico transparent backgrounds work. Apple touch icons look better with a solid background color.

Does this work for Next.js projects?

Yes. Place favicon.ico in the /public directory and add the link tags to your _document or layout.

Can I use a photo as my favicon?

You can but simple icons or logos work much better at 16x16 and 32x32 pixel sizes.

How do I verify my favicon is working?

Open your site in a new browser tab. The icon should appear in the tab. Hard refresh (Ctrl+Shift+R) if needed.

Is there a size limit on the source image?

Maximum 15 MB. SVG inputs are parsed if the browser supports it.

Do I need a web app manifest too?

For full PWA support yes. The readme.txt mentions this and you can create a minimal manifest linking the android-chrome icons.

Can I regenerate with a different image?

Yes. Simply upload a new image and generate a fresh package.

Free Favicon Generator — All Sizes & Formats

Drop image or click to upload

Recommended: 512×512 px or larger · max 15 MB

Files included in ZIP package

✓ favicon.ico (16, 32, 48px)
✓ favicon-16x16.png
✓ favicon-32x32.png
✓ favicon-96x96.png
✓ apple-touch-icon.png (180x180)
✓ android-chrome-192x192.png
✓ android-chrome-512x512.png
✓ readme.txt (HTML snippet)

Related Tools

Image Format Converter

image

Convert images between JPEG, PNG, WebP, BMP, TIFF, GIF, and ICO formats.

Try it free

Image Resizer

image

Resize images to exact pixels or percentages with aspect ratio lock and preset sizes.

Try it free

Background Remover

image

Remove image backgrounds instantly using AI — free, no signup, private.

Try it free

Embed this tool

Add this tool to your website or blog with a single iframe snippet.

<iframe src="https://dukotools.com/tools/favicon-generator?embed=1" width="100%" height="600" frameborder="0" allow="clipboard-write" loading="lazy" title="favicon-generator tool"></iframe>

About Favicon Generator

Favicon Generator creates a complete browser and mobile favicon package from any source image. A proper favicon implementation requires multiple sizes and formats: favicon.ico must embed 16, 32, and 48 pixel variants for cross-browser compatibility, Apple devices need a 180x180 apple-touch-icon.png for home screen bookmarks, and Android Chrome requires 192x192 and 512x512 PNG icons. Building all these manually wastes significant time. This tool generates all seven files in one click and packages them in a ZIP with a copy-paste HTML snippet so setup is instant.

Key Features

Complete 7-File Package
Generates favicon.ico (multi-size), favicon-16x16.png, favicon-32x32.png, favicon-96x96.png, apple-touch-icon.png, android-chrome-192x192.png, and android-chrome-512x512.png.
Multi-Size ICO Embedding
favicon.ico embeds 16x16, 32x32, and 48x48 variants in a single file for maximum browser compatibility.
Small-Size Preview
Preview your image at 16x16, 32x32, and 64x64 before generating to verify legibility at browser-tab size.
HTML Code Snippet
ZIP includes a readme.txt with copy-paste HTML link tags for all icons.
ZIP Archive Download
All files are packaged in a single download for easy deployment.
LANCZOS Downscaling
All sizes are generated with high-quality LANCZOS resampling to preserve sharpness at small sizes.

How to Use

1
Upload source image
Upload a JPEG or PNG. Minimum recommended size is 512x512 pixels for best quality at all sizes.
2
Preview at small sizes
Check the 16x16 and 32x32 previews to ensure your logo is still recognizable at tiny sizes.
3
Click Generate Favicon Package
All 7 files are generated and packaged on the server in seconds.
4
Download ZIP
Download the favicon-package.zip and extract it to your website root directory.
5
Add HTML snippet
Copy the HTML link tags from readme.txt into your website head element.

Real-World Use Cases

New Website Launch

A developer generates a complete favicon package for a new client site and deploys all files in minutes.

Rebranding Project

A designer updates a company logo and regenerates the favicon package to keep branding consistent across browsers.

PWA Setup

A developer uses the 192x192 and 512x512 icons from the package for a Progressive Web App manifest.

Frequently Asked Questions

Related Free Tools

Explore these tools that work great alongside Favicon Generator:

Image Format Converter

Convert images between JPEG, PNG, WebP, BMP, TIFF, GIF, and ICO formats.

Image Resizer

Resize images to exact pixels or percentages with aspect ratio lock and preset sizes.

Background Remover

Remove image backgrounds instantly using AI — free, no signup, private.