Favicon Generator
Make a favicon from any logo or image: favicon.ico, the PNG and Apple touch icons and a web manifest in one ZIP, plus the HTML code for your site. Nothing is uploaded.
or browse filesdrop an image here or paste
.png
Make a favicon from any logo or image: favicon.ico, the PNG and Apple touch icons and a web manifest in one ZIP, plus the HTML code for your site. Nothing is uploaded.
or browse filesdrop an image here or paste
A favicon is no longer one file. Browsers read favicon.ico and small PNGs for the tab, iPhones and iPads look for an Apple touch icon when someone adds your site to the home screen, and Android reads the icons listed in a web manifest. This favicon generator makes the whole set from one logo or image and hands it over as a single ZIP, together with the HTML code that tells browsers where each file is.
Drop in a PNG, JPG, WebP or SVG logo, or any picture. The tab preview in the panel shows the 16 x 16 icon at its real size, the way it will sit next to your page title, and the home-screen preview shows the Apple touch icon the way an iPhone rounds it. What you see there is the file you get.
A detailed logo turns into a smudge at tab size. The controls are the three things that fix that. Shape cuts the icon as a square, a rounded square or a circle. Padding adds space around the picture so a busy logo does not touch the edges. Background color fills the transparent parts, which helps a dark logo stay visible on a dark browser theme. Every size is drawn from your original image in halving steps rather than squeezed down in one jump, so edges stay clean in the 16 and 32 pixel files.
Give the pack a Site name under the panel's options and it goes into the web manifest; the tab preview shows it too.
After the download, the result screen shows five <link> lines. Tap the code to copy it, paste it into the <head> of your pages, and upload the files to the root of your site.
If you only need a single .ico file with sizes you choose, such as 64 or 256 pixels for a Windows program, use the /ico-converter/ instead. To see which icons another site uses, the /favicon-downloader/ lists and saves them.
A favicon often starts life as an unreleased logo or a client's brand mark. Here it never leaves your device: the image is decoded, resized and packed into the ZIP by your browser, and nothing is uploaded to a server.
For almost every site: a favicon.ico with 16, 32 and 48 pixels, PNGs at 16 and 32 pixels, a 180 pixel Apple touch icon and 192 and 512 pixel icons for Android. That is exactly the set this favicon generator puts in the ZIP.
Upload all of them to the root folder of your website, next to your home page, and paste the HTML code from the result screen into the head section of every page. If your files live in another folder, change the paths in the code to match.
Browsers cache favicons hard. Open the icon's address directly, for example yoursite.com/favicon.ico, then reload your page with a hard refresh or in a private window. Search engines update the favicon they show in results on their own schedule.
Yes. Any image works; a photo usually reads better as a circle with a little padding. Logos with a transparent background keep their transparency in every file except the Apple touch icon, which iOS requires to be solid.
No. Your logo is turned into icons inside your browser and the ZIP is built on your device, so an unreleased brand mark stays private.