Favicon Generator: ICO, PNG, Apple & Android Icons
Create a full favicon set from an image, letters or an emoji: favicon.ico, PNG sizes, an Apple touch icon, Android icons and a web manifest. Everything is drawn in your browser, so your logo is never uploaded.
How to use Favicon Generator
Under Source, choose Image and add a picture, or Text / emoji and type one.
Adjust Shape (square, rounded or circle), Background, Padding and, for text, Font and Text colour.
Enter the App name for the manifest.
Click Download all (.zip) and paste the tags under Add to your <head> into your site.
Frequently asked questions
What favicon sizes do I need?
This tool makes the usual set: a favicon.ico holding 16, 32 and 48 px icons, 16×16 and 32×32 PNGs, a 180×180 Apple touch icon, and 192×192 and 512×512 Android icons, plus site.webmanifest.
How do I add a favicon to my website?
Unzip the files into your site's root folder and paste the provided link tags into the head of your pages. The zip also contains the tags as favicon-snippet.html.
Can I make a favicon from an emoji or letters?
Yes. Choose Text / emoji, type one or two letters or an emoji, and pick a font, colours and shape.
What image works best for a favicon?
A square image of at least 512×512, or an SVG, gives the sharpest results at every size. Simple shapes read best at 16 px.
Why does the Apple touch icon have a solid background?
iOS adds its own rounded corners and shows black behind transparent areas, so that icon is always filled with your background colour.
Why don't I see my new favicon?
Browsers cache favicons for a long time. Open the page in a private window or clear the cache to check the new one.
What's in the download
File
Size
Used by
favicon.ico
16, 32 and 48 px in one file
Browser tabs, bookmarks, older browsers and Windows
favicon-16x16.png, favicon-32x32.png
16×16, 32×32
Browser tabs in modern browsers
apple-touch-icon.png
180×180
iPhone and iPad home screens
android-chrome-192x192.png, -512x512.png
192×192, 512×512
Android home screens and installed web apps
site.webmanifest
App name, theme colour and icon list for Android
Before and after
Starting from an SVG logo? Clean it up with the SVG optimizer first. To finish the set of site images, make a matching link preview with the OG image generator.