FAVICON GENERATOR
The only favicon generator you need for your next project. Quickly generate your favicon from text, image, or choose from hundreds of emojis.
Favicon Generators
Text
If you don't have a logo or image for your website and want to generate a favicon from scratch then use this tool to generate your favicon.
Emoji
Want to use an emoji for your favicon? Choose from a list of hundreds of emojis to generate a favicon for your website.
Image
If you already have an image or logo that you want to use for your favicon then use this tool to convert your image to the proper favicon format.
Frequently Asked Questions
How To Use iFavicon?
First, use the download button to download the files listed bellow. Place the files in the root directory of your website.
- favicon.ico
- favicon-16x16.png
- favicon-32x32.png
- favicon-48x48.png
- favicon-64x64.png
- favicon-128x128.png
- favicon-256x256.png
- apple-touch-icon.png
- android-chrome-192x192.png
- android-chrome-512x512.png
- site.webmanifest
Next, copy the following link tags and past them into the head of your HTML.
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64x64.png">
<link rel="icon" type="image/png" sizes="128x128" href="/favicon-128x128.png">
<link rel="icon" type="image/png" sizes="256x256" href="/favicon-256x256.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">
<link rel="manifest" href="/site.webmanifest">