Favicon generator
Make a complete favicon set for your website from any of our icons, one or two letters, or your own logo. Download everything in one zip.
Loading icons…
favicon.ico (16, 32, 48), PNGs, Apple touch icon, Android icons and site.webmanifest.
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
How it works
- 1Pick an icon, type a letter, or upload your logo.
- 2Choose the background color, icon color and shape.
- 3Check the preview in the browser tab and at small sizes.
- 4Download the package and add the HTML snippet to your site's head tag.
More free tools
- PNG to SVG converter Trace a PNG or JPG into a clean vector SVG.
- SVG to PNG converter Turn any SVG into a crisp PNG at any size.
- App icon pack maker Design aesthetic home screen icons in one theme.
Questions
What is a favicon?
The small icon shown in the browser tab, bookmarks and history. Phones also use it when someone saves your site to their home screen.
What files do I get?
favicon.ico with 16, 32 and 48 pixel sizes, 16 and 32 pixel PNGs, a 180 pixel Apple touch icon, 192 and 512 pixel Android icons, and a site.webmanifest.
Where do I put the files?
Upload them to the root folder of your website, then paste the HTML snippet into the head of every page. Most site builders also have a favicon setting where you can upload the 512 pixel PNG.
What size should a favicon be?
Browsers mainly use 16 and 32 pixels, Apple uses 180 and Android uses 192 and 512. This generator creates all of them.
Is it free to use the icons as my favicon?
Yes. All icons are free for commercial use, including as favicons and app icons.