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.

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">