Favicon Generator

Generate favicons in all sizes from any image. ICO, PNG, Apple Touch Icon, Android icons, and web manifest. 100% client-side.

Favicon Guide — Sizes, Formats & Implementation

Drop image or click to upload

PNG, JPG, SVG, WebP — recommended 512×512+

Web Manifest Settings

Site Name

Theme Color

#ffffff

Upload an image or select a mode above

Favicons will appear here

HTML Tags (paste in <head>)

<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">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">

Frequently Asked Questions

What favicon sizes do I need?▾

The essential set is: 16×16 and 32×32 for browser tabs, 180×180 for Apple Touch Icon (iOS home screen), 192×192 and 512×512 for Android PWA. Add favicon.ico as a fallback for legacy browsers.

Does my image ever leave my browser?▾

No. This tool is 100% client-side. All processing happens in your browser using the Canvas API. Your image is never uploaded to any server.

What image format should I upload?▾

PNG with transparency is ideal. SVG, JPG, WebP, and GIF are also supported. For best results use a square image at 512×512 pixels or larger.

Why should the Apple Touch Icon avoid transparency?▾

iOS renders transparent areas as solid black on home screen icons. Always use a solid background color for the 180×180 icon. iOS adds rounded corners and a drop shadow automatically.

What is site.webmanifest?▾

A JSON file that tells Android Chrome and PWA-compatible browsers how to display your site when installed as a Progressive Web App. It specifies the app name, icons, theme color, and display mode.

🔗 Related Tools

View all 85 tools →

📱QR Code GeneratorGenerate free QR codes for URLs, WiFi, emails, and more 🤖AI Code ExplainerPaste any code and get an instant AI explanation. Understand logic, find bugs, analyze complexity — free 🎨Color PickerPick, convert, and copy color codes 📋JSON to CSVConvert JSON data to CSV format