Favicon Generator

Generate a favicon from emoji.

Choose from hundreds of emojis to create your favicon. Emoji images from the emoji-picker-react.

How it works

1. Pick a category of emojis

2. Choose the emoji you want to use

3. Generate and download the favicon files

Emoji Favicons

The emoji graphics are from the open source project Twemoji. The graphics are copyright 2020 Twitter, Inc and other contributors. The graphics are licensed under CC-BY 4.0. You should review the license before usage in your project.

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
mstile-150x150.png
favicon.ico
manifest.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="/manifest.webmanifest" /><meta name="msapplication-TileImage" content="/mstile-150x150.png" />