How do I create a favicon for my website?

Upload your logo or image, or create a simple text/emoji favicon using the generator. It produces all required favicon sizes (16x16, 32x32, 180x180 for Apple Touch Icon) and provides the HTML link tags to add to your website's head section.

What size should a favicon be?

The standard favicon sizes are: 16x16px (browser tab), 32x32px (taskbar), 180x180px (Apple Touch Icon), and 192x192px (Android Chrome). Modern browsers prefer .ico files containing multiple sizes, or separate PNG files referenced with link rel tags.

What is the HTML code to add a favicon?

Add this to your HTML head: . For PNG favicons: . The generator outputs the exact HTML tags you need.

Can I use an emoji as a favicon?

Yes, modern browsers support SVG favicons with emoji: 🚀 '>. Works in Chrome, Firefox, and Safari without any image file.

Why is my favicon not showing in the browser?

Common causes: browser cache (hard refresh with Ctrl+Shift+R), wrong file path in the HTML link tag, file not in the root directory, or incorrect MIME type. Also ensure the favicon.ico file is in your website root — some browsers automatically check that location.

100% CLIENT-SIDE • NO DATA SENT

Favicon Generator

Create favicons from text, emoji, or images. All sizes, all formats, complete HTML tags ready to paste. Free and private.

🎨 Create Your Favicon

Text (1-2 characters work best)

Font

📂

Click or drag & drop an image (PNG, JPG, SVG)

Background Color

Text / Icon Color

Border Radius 20%

👁️ Preview

512×512

192×192

180×180
(Apple)

32×32

16×16

🏷️ HTML Meta Tags

Generate a favicon to see HTML tags...

Complete Favicon Guide

A favicon (short for "favorite icon") is the small icon displayed in browser tabs, bookmarks, history, and search results. It's a critical part of brand identity on the web.

Required Sizes

16×16 — Browser tab (classic)
32×32 — Browser tab (retina), taskbar shortcut
180×180 — Apple Touch Icon (iOS home screen)
192×192 — Android Chrome, PWA manifest
512×512 — PWA splash screen, Google search

File Formats

ICO — Classic favicon format, supports multiple sizes in one file. Required for legacy browser support.
PNG — Modern standard. Supported by all modern browsers. Better compression than ICO.
SVG — Scalable vector. Supported by Chrome, Firefox, Edge (not Safari). Best for simple icons.

Implementation

Place these tags in your HTML <head> section. The generator above creates all the tags you need—just copy and paste.

Privacy

This tool generates everything in your browser using the Canvas API. No images are uploaded to any server.

More Free Developer Tools

Meta Tag Generator, OG Image preview, and 39+ more tools.

Browse All Tools →