devprix.io

Favicon Generator

Generate favicons from images, text, or emoji. Preview all sizes, download individually or as a ZIP.

Runs locallyNo sign-upKeyboard first
Text colour
Background

Every size is scaled from one 512 × 512 master. Small sizes (16, 32) are where detail gets lost — keep it bold and simple.

All sizesICO packs 16, 32, 48, 64 px
16×16
Classic favicon
32×32
Standard favicon
48×48
Windows site
64×64
Safari reading list
128×128
Chrome Web Store
180×180
Apple Touch Icon
192×192
Android Chrome
512×512
PWA icon
HTML link tagsPaste into your page’s <head>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png">
Favicon readyText “Dv”8 PNG sizes + ICOSolid #3b82f6Processed locally

What is a Favicon?

A favicon is the small icon displayed in browser tabs, bookmarks, and history. Modern browsers support multiple favicon formats and sizes: ICO (legacy), PNG (standard), SVG (scalable), and Apple Touch Icon (iOS home screen). This generator creates favicons from images, text, or emoji in all required sizes.

Common use cases

  • Generating all required favicon sizes from a single image
  • Creating text-based favicons for quick prototypes
  • Building emoji favicons for fun projects
  • Generating Apple Touch Icons for iOS home screen
  • Creating favicon sets for Progressive Web Apps (PWAs)

How to use

  1. 1Choose an image, or make one from text or an emoji.
  2. 2Pick a transparent, solid or rounded background and check every size.
  3. 3Press Download ZIP (⌘↵) for all PNGs plus favicon.ico, then copy the link tags.

Frequently asked questions

What sizes do I need for favicons?

At minimum: 16x16 (browser tab), 32x32 (Windows taskbar), 180x180 (Apple Touch Icon), and 192x192 (Android/PWA). Including 48x48, 64x64, and 512x512 provides the best coverage across all platforms and devices.

Should I use ICO or PNG for favicons?

Use both. ICO for legacy browser support (favicon.ico in root), and PNG for modern browsers. Most modern browsers prefer PNG. SVG favicons are also supported and scale perfectly but aren't supported everywhere yet.