Favicon Generator
Make a real favicon set for your site — a multi-size favicon.ico, PNG icons, an Apple touch icon, Android icons, a web manifest snippet and the head code — from an uploaded image or from letters you type. Free, no signup, everything runs in your browser.
Notes: the ICO file contains PNG images inside, which is standard practice — very old icon viewers may not open it, but all modern browsers do. The Apple touch icon is made with a solid background because iOS renders transparency as black. This tool cannot upload files to your site: place the downloaded files at your site root yourself and paste the head code.
What Is the Favicon Generator?
A free favicon generator is a tool that turns an image or a few letters into the full set of icons a website needs: a multi-size favicon.ico for browser tabs, PNG icons in standard sizes, an Apple touch icon for iOS home screens, Android icons, a web manifest snippet, and the head HTML that ties them together. Upload a square image or type letters with colors and a shape, and the tool builds every file in your browser. If you need a favicon generator for a new site or a rebrand, this page makes the whole set at once.
What Is It Used For?
New site owners use it to get a tab icon on day one. Bloggers use it to brand their site in bookmarks and tabs. Developers use it to generate every required size without opening an image editor. App builders use it for the Android and Apple icons a progressive web app needs.
Key Benefits
- Real multi-size ICO — one favicon.ico holding 16, 32 and 48 pixel versions.
- Full icon set — PNG sizes from 16 to 512, an Apple touch icon at 180, and Android icons at 192 and 512.
- Two starting points — upload an image, or type letters with colors and a shape.
- Ready head code — copy-paste HTML for every icon, plus a web manifest snippet.
- Individual downloads — each file downloads separately, ready to place at your site root.
- Completely free and private — no signup, and nothing you upload ever leaves your browser.
How to Use This Free Favicon Generator
- Upload a square image, or leave it blank and type 1–3 letters instead.
- Pick the background and letter colors and the shape (rounded square, circle, or square).
- Set the padding so the subject does not touch the icon edges — 10% is a good default.
- Click Generate Favicon Set. Download each file from the list.
- Place the files at your site root, then paste the head HTML into your pages and save the manifest snippet as site.webmanifest.
Common Mistakes to Avoid With Favicons
- Shipping only one size. Browsers, phones and desktops ask for different sizes. One 16-pixel file looks blurry everywhere else — ship the set.
- Using transparency for the Apple touch icon. iOS renders transparent areas as black. The Apple icon here uses a solid background for exactly that reason.
- Forgetting to upload the files. Generating icons does nothing until the files sit at your site root and the head code points at them.
- Using a detailed photo as a favicon. At 16 pixels, detail turns to mush. Simple shapes and 1–2 bold letters read far better.
- Expecting instant updates. Browsers cache favicons aggressively; after replacing one, a hard refresh or a cache clear is often needed to see the new icon.
Frequently Asked Questions
Is this favicon generator free? Yes, completely free — no signup, no limits, no account.
Is my image uploaded anywhere? No. Generation happens entirely in your browser via canvas, so your image never leaves your device.
What is a favicon? The small icon shown in browser tabs, bookmarks and history next to a site's title. The classic file is favicon.ico, served from the site root.
What is inside the favicon.ico file? Three PNG images at 16, 32 and 48 pixels, packed in the ICO container format. PNG-in-ICO is standard practice and works in all modern browsers, though very old icon viewers may not open it.
Why does the Apple touch icon need a solid background? Because iOS fills transparent areas with black when a site is saved to the home screen. A solid background keeps the icon looking as designed.
What is the web manifest snippet for? It describes the site's icons and name for Android installation and progressive web app prompts. Save it as site.webmanifest at your site root and link it from the head code.
Can the tool upload the files to my site? No. It cannot reach your hosting. Download the files and place them at your site root yourself, then paste the head code into your pages.
What if my uploaded image is not square? It is drawn to fill the icon frame with the shape and padding you chose, which crops the longer side. For best results, upload a square image.
Why do letters look better than photos at small sizes? Because 16 pixels cannot show detail. Bold letters and flat colors stay readable where a photo becomes an unrecognizable blur.
Why is there no ZIP download? Batch ZIP needs an extra library, which this page does not load. Each icon downloads individually instead.
Why does my old favicon still show after replacing it? Browser favicon caching is aggressive. Try a hard refresh, clear the cache, or open the favicon URL directly and refresh it there.
Do I need every size? For full coverage, yes — different browsers and devices request different sizes. The set here covers the standard ones so nothing falls back to a blurry upscale.
Does it work on mobile? Yes. The tool runs in any modern mobile browser and the layout adjusts to small screens.
Final Thoughts
A favicon is tiny, but it is the one piece of branding visitors see on every tab. Generate the full set here, put the files at your root, and your site will look finished everywhere it appears.