Emoji Favicon Generator

How to Use the Assets

Start by unpacking the downloaded assets and placing them in the root directory of your project. If you're using a framework, you may need to move them to the static folder for proper access.

After ensuring the assets are accessible via a URL like https://your.domain/favicon.ico, add the following snippet to the head section of all your pages. If you're working with a framework, you can typically do this once in the root layout, streamlining the process for all pages.

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