Favicon Generator – Create All Favicon Sizes from One Image

Upload any image and instantly generate favicons in every size you need — 16x16, 32x32, 48x48, 180x180 Apple Touch Icon, 192x192 and 512x512 Android icons. Add a background color, padding, and rounded corners for a polished look on iOS and Android home screens. Download them all in a ZIP file with ready-to-use HTML link tags. Everything is processed in your browser.

Upload Source Image

Drag & Drop an image here or click to browse

For best results, use a square image (PNG or SVG) at least 512x512 pixels.

50% = circle. iOS will auto-clip to rounded square.

Generated Favicons

Upload an image and click "Generate Favicons" to see results here.

Why this tool

Why Use the Tools Oasis Favicon Generator?

Tools Oasis makes it effortless to create professional favicons for your website. One upload produces every size you need for browsers, Apple devices, and Android — complete with the HTML code to implement them.

7 sizes
16px to 512px output
0
Files uploaded
<1s
Generation time

Output sizes generated

A proper favicon setup needs multiple sizes for browsers, bookmarks, iOS/Android home screens, and PWA manifests.

Basic setup
16×16 and 32×32 only2 sizes
Tools Oasis
All required sizes7 sizes

100% Private

Your images never leave your device. All processing happens locally using browser Canvas and WebAssembly APIs.

Instant Results

Conversion completes in under a second. No upload progress bar, no server queue.

Works Everywhere

Chrome, Safari, Firefox, Edge — fully functional on desktop and mobile.

Frequently Asked Questions

01 What image format should I use as the source?

For best results, use a square PNG or SVG image at least 192x192 pixels. JPG images work too, but PNG is preferred because it supports transparency — important for favicons that need to look good on any background.

02 What favicon sizes are generated?

This tool generates five standard sizes: 16x16 (browser tab), 32x32 (browser tab high-DPI), 48x48 (Windows site icon), 180x180 (Apple Touch Icon for iOS), and 192x192 (Android Chrome icon). These sizes cover all major platforms and devices.

03 Is my image uploaded to a server?

No. All processing happens entirely in your browser using the HTML5 Canvas API. Your image is never uploaded, stored, or transmitted anywhere — Tools Oasis keeps your files completely private.

04 Can I generate an .ico file?

This tool generates PNG favicons, which are the modern standard supported by all current browsers. Modern browsers prefer PNG favicons specified via <link> tags. If you specifically need a legacy .ico file, you can use the 16x16 or 32x32 PNG output with a dedicated ICO converter.

05 How do I add favicons to my website?

After downloading the ZIP file, extract the favicon images into your website's root directory (or an icons folder). Then copy the generated HTML <link> tags and paste them into the <head> section of your HTML. The tool provides all the code you need.

06 Why do I need so many favicon sizes?

Different platforms and devices use different icon sizes. Browser tabs use 16x16 or 32x32, Apple devices request a 180x180 Apple Touch Icon for home screen bookmarks, and Android needs a 192x192 icon for PWA installs. Providing all sizes ensures your icon looks crisp and professional everywhere.

More Questions About Favicons

01 What sizes do I need for favicons?

Modern websites need favicons in multiple sizes: 16x16 and 32x32 for browser tabs, 48x48 for Windows site icons, 180x180 for Apple Touch Icons on iOS devices, and 192x192 for Android Chrome home screen shortcuts. This tool generates all five sizes from a single upload.

02 What is the best format for favicons?

PNG is the modern standard for favicons and is supported by all current browsers. It offers transparency support and good compression. The legacy ICO format is only needed for very old browsers. This tool generates PNG favicons, which are recommended for all modern websites.

03 How do I add favicons to my website?

Download the ZIP file, extract the favicon images into your website's root directory or an icons folder, then copy the generated HTML link tags and paste them into the <head> section of your HTML pages. The tool provides all the code you need.

04 What is an Apple Touch Icon?

An Apple Touch Icon is a 180x180 pixel PNG image that iOS devices use when users add your website to their home screen. Without one, Apple devices will use a screenshot of your page instead, which usually looks unprofessional. This tool generates the correct size automatically.