A favicon is the small icon shown in browser tabs, bookmarks and search results. This generator creates a complete set from a single source. Upload a logo or photo (it is cropped to a centered square, with optional padding and background color), or build an icon from one or two letters or an emoji with your own background color, text color and shape: square, rounded or circle.
You get favicon.ico containing 16, 32 and 48 pixel versions, separate 16×16 and 32×32 PNGs, a 180×180 Apple touch icon, 192 and 512 pixel Android Chrome icons and a site.webmanifest, all in one ZIP, plus the HTML <link> tags to paste into your page head. A mock browser tab shows how it will look. Your files are generated locally in the browser.
How to use the Favicon Generator tool
- Choose Image and pick your logo, or choose Text and type letters or an emoji.
- Adjust padding, background color, text color and shape until the preview looks right.
- Check the mock browser tab and the size previews.
- Download the ZIP and copy the HTML snippet.
- Upload the files to your site’s root folder and paste the snippet inside
<head>.
Why use ToolOrca Favicon Generator
- favicon.ico with 16, 32 and 48 px sizes
- Apple touch icon and Android Chrome icons
- Build from image, letters or emoji
- Square, rounded or circle shapes
- ZIP with site.webmanifest included
- Copy-ready HTML link tags
Which favicon files do you actually need?
favicon.ico in the root of your site is still the most compatible choice; browsers request it automatically even without a link tag. The 32×32 PNG is used by most modern desktop browsers, the 180×180 apple-touch-icon.png appears when someone adds your site to an iPhone or iPad home screen, and the 192 and 512 pixel icons are used by Android and by installable web apps through the manifest file.
Upload all files to the root folder of your website and add the HTML snippet to every page, usually in a shared header template. Browsers cache favicons heavily, so if you replace an old one, a hard refresh or a new tab may be needed to see the change.
Designing an icon that reads at 16 pixels
A full logo with words becomes a blur at 16 pixels. Use a simple symbol, a single letter or an emoji with strong contrast against the background. Bold shapes and two colors work best; check the 16 px preview before you download.
Frequently asked questions
What size should a favicon be?
The classic sizes are 16×16 and 32×32 pixels, with 48×48 for Windows shortcuts. This tool puts all three inside favicon.ico and also creates 180, 192 and 512 pixel PNGs for phones and web apps.
Can I use an emoji as a favicon?
Yes. Choose Text mode and enter an emoji. Note that emoji are drawn with your device’s emoji font, so the icon will look like the Apple, Google or Microsoft version depending on where you create it.
Is the ICO file real, or just a renamed PNG?
It is a real multi-size ICO file. Each size inside it is stored as PNG data, which the ICO format allows and which all current browsers support.
Where do I put the favicon files?
Upload them to the root folder of your website (the same folder as your home page) and paste the HTML link tags into the <head> section of your pages.
Are my logo files uploaded?
No. All icons, the ICO file and the ZIP are created by your browser on your device.