Favicon Generator / Generate from Emoji

Choose from hundreds of emojis to create your favicon. Emoji images from the Twemoji project.

Emoji Favicons > two hearts

Preview your favicon in multiple sizes.

Favicon Preview 64x64
Favicon Preview 48x48
Favicon Preview 32x32
Favicon Preview 24x24
Favicon Preview 16x16

Download your favicon in multiple formats.

Download

Installation

First, use the download button to download the files listed below. Place the files in the root directory of your website.

  • android-chrome-192x192.png
  • android-chrome-512x512.png
  • apple-touch-icon.png
  • favicon-16x16.png
  • favicon-32x32.png
  • favicon.ico
  • site.webmanifest

Next, copy the following link tags and paste them into the head of your HTML. 

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<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="manifest" href="/site.webmanifest">