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.

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