How to Generate a Favicon

Create favicons from text, emoji, or image uploads. Generate all sizes (16x16 to 512x512) with one click. Free online tool — no signup needed.

Open Favicon Generator →

Step-by-Step Guide

1

Choose your source

Pick how to create your favicon: type a letter or short text, select an emoji, or upload an existing image. Text-based favicons let you choose font, color, and background to match your brand.

2

Customize the design

Adjust the background color, text color, border radius (square to circle), and padding. Preview your favicon at multiple sizes in real time to make sure it looks sharp at 16x16 and 32x32.

3

Preview at all sizes

See how your favicon appears at standard sizes: 16x16 (browser tab), 32x32 (bookmarks), 180x180 (Apple touch icon), and 512x512 (PWA splash). Ensure readability at the smallest sizes.

4

Download the favicon

Download your favicon as a PNG or ICO file. Copy the HTML link tags to paste into your site head section. The generated code includes all recommended sizes for maximum browser compatibility.

Try It Now — Free

No signup, no download. Runs entirely in your browser.

Open Favicon Generator

Frequently Asked Questions

What sizes do I need?
At minimum, include 16x16 (browser tabs) and 32x32 (bookmarks). For full coverage, also add 180x180 (Apple touch icon) and 512x512 (PWA). Our tool generates all recommended sizes in one click.
ICO or PNG — which format?
Modern browsers support PNG favicons, which are smaller and sharper. ICO files can contain multiple sizes in one file and have the widest legacy support. For maximum compatibility, use both: ICO for older browsers and PNG for modern ones.
Where do I place the favicon files?
Put favicon.ico in your site root directory. Add link tags in your HTML head: for modern browsers and for iOS devices.

More Guides

How to Format JSON Online How to Encode & Decode Base64 How to Generate UUID Online How to Test an API Online