Favicon generator
Make your site icon from an image, a letter or an emoji. You get every size and the HTML ready to paste.
What is a favicon?
It is the tiny icon in the browser tab, next to your page title. It also shows up in bookmarks, in history and when someone saves your site to their phone home screen. Without one, your site shows a blank sheet — the first thing that gives away an unfinished website.
It is the tiny icon in the browser tab, next to your page title. It also shows up in bookmarks, in history and when someone saves your site to their phone home screen. Without one, your site shows a blank sheet — the first thing that gives away an unfinished website.
8%
In the tab
Bookmarks
Desktop
iPhone
Paste this inside <head>
<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">
The files go in the root of your site, next to index. If you put them in another folder, change the paths in the code.
Frequently asked questions
What exactly do I get?
A complete pack: the .ico with three sizes inside, the PNGs, the iPhone icon, the Android icons, the manifest and the HTML ready to paste.
Can I make it from a letter or an emoji?
Yes. Start from an image, a letter or an emoji, pick the colours, and every size is generated for you.
Why do I need so many sizes?
Each place shows a different one: the browser tab, the iPhone home screen, Android, the bookmarks. The pack covers them all.
Is my image uploaded?
No. Everything is drawn inside your browser and packed on your device.
Related tools
A free tool by Vertize Plus.
The image is processed in your browser and never uploaded.