Free · No sign-up · Runs in your browser
Generate a favicon.
Turn a logo or image into a complete favicon package — favicon.ico, Apple touch icon and Android icons, plus the HTML to paste in — without a single file leaving your device.
Not uploaded — nobody sees it Real multi-size .ico file Full icon set + manifest No subscription or account
Preparing…
Your file is never uploaded — it’s processed right here in this browser tab, on your device. It never reaches a server, so we never see it, copy it or keep it.
More handy tools
See all tools
AI DebateSuggest a subject and watch nine AI models argue it out.
QR Code GeneratorMake a free QR code.
Password GeneratorGenerate a strong random password.
Word CounterCount words, characters and reading time.
CSV to JSONConvert CSV to JSON, or JSON to CSV.
Text to SpeechHave your browser read text aloud.
Barcode GeneratorGenerate a printable 1D barcode.
Color PickerPick a color and get its HEX, RGB and HSL codes.
Unit ConverterConvert length, weight, temperature and more. At a glance
Favicon generator: quick facts
Turn one image into a full set of website icons.
Updated
- Price
- Free. No sign-up, no watermark.
- You get
- A .zip with a real multi-size favicon.ico (16, 32, 48), PNG favicons, a 180px Apple touch icon, Android icons and a web manifest.
- Input
- JPG, PNG or WebP; non-square images are centre-cropped.
- Plus
- The HTML lines to paste into your site’s head.
- Privacy
- Your image is processed in your browser and never uploaded.
How it works
How to make a favicon from your logo
Add one JPG, PNG or WebP image and it’s centre-cropped to a square, previewed in a mock browser tab, then packed into a .zip with every icon size, a web manifest and the HTML to paste in.
- 01
Add your logo or image
Any shape works — it’s centre-cropped to a square automatically.
- 02
Preview every size
See it as a browser tab icon and bookmark before you download.
- 03
Download the package
A .zip with favicon.ico, app icons and the HTML to paste in.
Tips
Tips for a favicon that looks sharp everywhere
The same icon has to work at 16 pixels in a browser tab and at 512 on a phone. These tips cover both ends.
- Simplify the design for tiny sizesA full logo with a wordmark turns to mush at 16 × 16 pixels. A single letter, a symbol or the most recognisable part of your logo, filling most of the square, reads far better in a crowded row of tabs.
- Put your site’s name in the manifestThe site.webmanifest in the package leaves its name and short_name fields blank. Open it in any text editor and type your site’s name between the quotes, so the right name appears when someone adds your site to their Android home screen.
- Transparent logo? Check the iPhone iconiPhones don’t show transparency in home-screen icons; the see-through parts are filled in, usually with black. If your logo has a transparent background, make a second package from a version on a solid colour and use its apple-touch-icon.png instead.
- Not showing yet? It’s probably cachedBrowsers hold on to old favicons stubbornly. Check in a private window, or open yoursite.com/favicon.ico directly and refresh it. In Google’s search results a new icon only appears after Google recrawls your homepage, which can take days.
Like every Altto tool, this runs on your device — nothing you add is uploaded. How Altto works
512×512
is the largest icon in the package, so start from a square image at least that big. Every smaller icon is scaled down from it, which keeps edges crisp instead of blurry.
FAQ
Frequently asked questions
Getting the icon set onto your site. For what each file does, see our full favicon size guide.
What files do I actually get?
A .zip with everything a website needs:
favicon.ico (a proper multi-resolution icon embedding 16×16, 32×32 and 48×48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180, for iOS home-screen icons), android-chrome-192x192.png and -512x512.png, and a ready-made site.webmanifest. Unzip it into your site's root folder.What do I do with the HTML snippet?
Paste the five lines shown after you generate your icons into the
<head> of every page on your site, right after your other <meta> tags. That's what tells browsers, phones and search engines where to find each icon.My image isn't square — what happens to it?
It's automatically centre-cropped to a square before anything else, the same way a phone camera crops a photo to fit a square frame. For the cleanest result, start with an image where the important part of your logo is already centred.
Is a real .ico file actually built, or just a renamed PNG?
A real one.
favicon.ico is built byte-for-byte in your browser as a proper multi-resolution icon container holding all three sizes, not a single image with the extension changed — the same format every operating system and browser expects.Can I make a favicon from text or an emoji?
Not directly — the generator works from an image. Make a square image of your letter or emoji first, in any design app or as a cropped screenshot, then add it here. Big, bold shapes on a plain background hold up best at 16 pixels.
Does it make an SVG favicon?
No. The package contains favicon.ico and PNG icons, which every browser supports. Many modern browsers can also use an SVG favicon that stays sharp at any size, but support isn’t universal, so an SVG is an optional extra you’d add yourself rather than a replacement.
How do I add a favicon on WordPress, Squarespace or Wix?
You usually don’t need the HTML snippet at all. Look for a Site icon or Favicon setting and upload one square image; most builders make the sizes and tags themselves. The android-chrome-512x512.png from the package is a good choice, and meets WordPress’s request for at least 512 × 512 pixels.
More tools