Favicon & App Icon Generator
Drop in one logo and get every icon your website needs: the browser tab icon, Apple and Android home screen icons, a web manifest and the HTML to paste in. All in one ZIP.
One image, 20+ filesTab icons, home screen icons, manifest and HTML.
Ready for every deviceChrome, Safari, iPhone, Android and Windows.
Never uploadedEverything is made on your device.
Your image
FitHow your image fills the square
PaddingSpace around your logo
8%
Rounded cornersRound off square icons
0%
BackgroundBehind your logo
Live preview
Updates as you goWhat's in the ZIP
21 files- favicon.ico16, 32 & 48px in one file
- Favicon PNGs16, 32 & 48px
- Apple touch icon180px for iPhone & iPad
- App icons72 to 1024px (10 sizes)
- Maskable icons192 & 512px for Android
- Windows tile150px + browserconfig.xml
- site.webmanifestso your site can be installed
- HTML snippettags to paste in your <head>
Starting…
How to make a favicon pack
- Drop in your logo (PNG, JPG, WEBP, SVG or GIF). A large square image gives the sharpest icons.
- Choose how it fills the square: the whole image, or fill and crop. Add padding, round the corners and pick a see-through or coloured background.
- Check the previews for browser tabs and phone home screens.
- Download the ZIP. It holds favicon.ico, the PNG icons, the Apple touch icon, a web manifest and the HTML to paste in.
Adding it to your site
- Upload the files from the ZIP to the top folder of your website.
- Paste the HTML from the ZIP into the
<head>of your pages. - Browsers keep old icons for a while. Open the site in a private window to see the new one.
Frequently asked questions
Is my logo uploaded?
No. All the icons are made in your browser.
What is the Android safe area?
Android can crop icons into circles and other shapes. Keeping your logo inside the safe area stops it being cut off.