Bookmark this page
Press Ctrl+D (Windows) or Cmd+D (Mac) to bookmark this page.
◉ App icons

Favicon Generator

Create a simple favicon or app icon from initials or emoji. Download PNG or SVG versions for your website.

Favicon preview
512px preview

How to use

  • Use 1-2 characters for the cleanest favicon shape.
  • Rounded backgrounds work well for browser tabs and app icons.
  • You can export multiple PNG sizes for different platforms.

What makes a good favicon

A favicon has one job: make your site recognizable in a browser tab, bookmark bar, and mobile home screen. That means it needs to stay clear at very small sizes.

Simple initials, a strong symbol, or a clean emoji usually work better than a detailed logo with tiny lines. The smaller the icon, the less detail survives.

Recommended export sizes

  • 16px and 32px for browser tabs
  • 180px for Apple touch icons
  • 192px and 512px for web app or PWA use
  • SVG when you want a scalable version for flexible displays
If an icon looks good at 512px but turns muddy at 32px, simplify the shape or remove detail. A favicon should be readable first and decorative second.

Common favicon mistakes

  • Using too much text inside the icon
  • Choosing colors with low contrast
  • Keeping tiny details that disappear at 16px
  • Forgetting to test the icon on a dark and light tab bar

When in doubt, keep the favicon simple and bold. A minimal mark is easier to recognize than a busy mini-logo.

Read the favicon creation guide →

FAQ

Should I use text or an emoji?
Use whichever stays legible at small sizes. One strong character is usually enough.

Do I need multiple files?
Yes, different platforms use different sizes, so it helps to export a few versions.

Can I use this for an app icon?
Yes, the same design can work for browser tabs, bookmarks, and simple app icons.

Need a broader overview?
Open the favicon generator guide →