Favicon Generator

Text / Emoji

Quick Presets

Colors

Background

Text / Icon

Font Size70%

10%100%

Border Radius20%

SquareCircle

Export

Preview

Browser Tab Mockup

My Website×

New Tab

mywebsite.com

All Sizes

16x16

favicon.ico standard

32x32

favicon.ico HiDPI

48x48

Windows site icon

180x180

Apple touch icon

192x192

Android Chrome

512x512

PWA icon

HTML Snippet

<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">

manifest.json (PWA)

{
  "icons": [
    {
      "src": "/favicon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/favicon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

This tool is provided as-is for convenience. Output should be verified before use in any production or critical context.