What sizes do I need for a favicon?

For complete browser support, you need: favicon.ico (16x16, 32x32, 48x48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180x180), and android-chrome icons (192x192, 512x512). Our generator creates all these sizes automatically.

What is the difference between ICO and PNG favicons?

ICO files can contain multiple sizes in one file and are the traditional favicon format. PNG files are single-size images with better quality and transparency support. Modern websites typically use both: ICO for legacy browser support and PNG for modern browsers and mobile devices.

Can I create a favicon from an emoji?

Yes! Our favicon generator supports emoji as a source. Simply select the Emoji tab, choose or type your emoji, customize the background, and download your favicon in all sizes.

How do I add a favicon to my website?

Add these lines to your HTML head section: , , . Our Download All package includes a ready-to-use HTML snippet.

Free Favicon Generator - Create ICO & PNG Icons

Source Type

Text

Letters (1-3)

Font

Weight

Text Color

Background

Type

Color 1

Color 2

Angle: 135°

Shape

Quick Presets

Preview

256 × 256

My Website

16px - Browser Tab

32px - Bookmark

48px - Windows

180px - Apple Touch

Download Individual Files

How to Use

Choose source: Text, Image, or Emoji
Customize background color/gradient
Select shape (square, rounded, circle)
Download individual files or all at once

Included Files

favicon.ico - Multi-size ICO
favicon-16x16.png
favicon-32x32.png
favicon-48x48.png
apple-touch-icon.png - 180px
android-chrome-192x192.png
android-chrome-512x512.png

HTML Code

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