Utility Tools

Favicon Generator

Generate favicons from text or images: multiple sizes and formats.

100% client-side: your files never leave your browser 
<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- PWA Icons -->
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">

<!-- Web Manifest -->
<link rel="manifest" href="/site.webmanifest">

512×512 (preview)

16×16

32×32

48×48

180×180

192×192

512×512

File naming guide:

  • favicon-16x16.png: Browser tab icon
  • favicon-32x32.png: Taskbar shortcut
  • apple-touch-icon.png: iOS home screen (180×180)
  • android-chrome-192x192.png: PWA icon
  • android-chrome-512x512.png: PWA splash screen