| File | Size | Where it is used |
|---|---|---|
favicon.ico | 16×16, 32×32, 48×48 | Browsers and tools that look for the file automatically |
favicon-16x16.png | 16×16 | Browser tab |
favicon-32x32.png | 32×32 | Browser tab on high-density screens, bookmarks |
apple-touch-icon.png | 180×180 | iPhone and iPad home screen |
android-chrome-192x192.png | 192×192 | Android home screen |
android-chrome-512x512.png | 512×512 | Installed web apps and splash screens |
Favicon Generator
Create a complete icon set for your website from a single image: ICO, Apple Touch, Android and a web manifest. No registration and no uploads.
- Runs in your browser
- No registration
- Free
Loading the generator…
What a favicon is
A favicon is the small icon that identifies a website in the browser tab, in bookmarks and in the browsing history. On a phone, the same icon appears when the site is added to the home screen.
Because it is seen at a very small size, a favicon works best as a simple mark or part of a logo, rather than the full logo with its text.
Recommended favicon sizes
The package covers browsers, phones and web apps with these files:
How to install the generated files
Once you have generated the package, it takes three steps:
- Unzip the file and upload its contents to your site's root folder, so that they open directly after the domain, for example /favicon.ico.
- Paste the code below inside the <head> section of every page.
- Publish the change and reload the site. Browsers cache favicons for a long time, so the old icon may stay visible for a while.
<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="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">ICO versus PNG
favicon.ico is a container that holds several sizes in one file: here, 16×16, 32×32 and 48×48. Many tools and browsers look for it automatically in the root folder, so it is worth always having one.
PNG files are separate images of a single size. Modern browsers prefer them when the code names them, and Apple and Android use their own larger PNG icons. The two formats complement each other, which is why the package contains both.
Privacy: your image never leaves your device
The whole generator runs in your browser. Your image is processed locally, is not sent to a server and is not saved. When you close or reload the page, it is gone.
Frequently asked questions
What favicon sizes do I need?
For a modern site, you need a favicon.ico with 16×16, 32×32 and 48×48 sizes, 16×16 and 32×32 PNG files, a 180×180 Apple Touch icon, and 192×192 and 512×512 Android icons. The generator creates all of them at once.
Can I create a favicon from a PNG or SVG?
Yes. The generator accepts PNG, JPG, WebP and SVG files up to 10 MB. A square image or an SVG gives the best result, because they stay clear at small sizes.
Does PrintVes upload my image?
No. Your image is processed in the browser on your device and is not sent to a server. No registration is needed either.
How do I add the favicon to my website?
Upload the files to your site's root folder and paste the HTML code provided into the <head> section of your pages. If your site runs on a website builder, look for its site icon setting and upload the file it asks for.
What is the difference between favicon.ico and PNG icons?
favicon.ico holds several sizes in one file and is found automatically by many tools. PNG icons are separate files of a single size, which browsers and mobile devices use when the code names them.
More useful pages
Your logo deserves more than an icon
See how we can help with print, branding and advertising production.