Favicon Generator
Make favicon, apple-touch-icon, and PWA icons in 16–512px from text, emoji, or an image — all at once, no upload, in your browser.
🔒 Uploaded images are never sent anywhere. Everything is processed in your browser canvas.
1. Input
2. Preview (multi-resolution)
3. Download
manifest.json (PWA)
HTML <head> code
What is a favicon?
A favicon is the small icon shown in the browser tab, bookmarks, and address bar. Small as it is, it shapes your site's brand recognition and trust, and shows up in search results and PWA home screens. This tool makes all the sizes at once from a letter, emoji, or image.
How to use — 4 steps
- Choose input — type a letter/emoji or upload a logo image.
- Adjust design — pick background, text color, and shape (rounded/circle/square).
- Download — grab the 16–512px PNGs you need.
- Apply code — paste the generated
<head>code and manifest.json into your site.
Which sizes you need
| Size | Use |
|---|---|
| 16·32px | Browser tabs / bookmarks (base favicon) |
| 48·96px | High-DPI displays / Windows tiles |
| 180px | apple-touch-icon (iOS add to home) |
| 192·512px | PWA app icon (Android home / install) |
Who it's for
- Site / blog owners — replace the default globe with your brand icon
- Developers — spin up a favicon set quickly for a new project
- PWA builders — manifest icons (192·512) + code at once
- Solo / landing pages — turn a logo image into a favicon instantly
Privacy & security
- No upload — uploaded images and generated icons are processed only in your browser canvas.
- No server storage — the operator can't see your content.
Related tools
FAQ
Is my favicon uploaded?
No. Everything is processed in your browser canvas; uploaded images never leave your device.
Which sizes do I need?
16·32px base, 48·96px high-DPI, apple-touch-icon 180px for iOS, 192·512px for PWA. This tool makes 7 at once.
Do I need a favicon.ico?
Modern browsers support PNG favicons, so favicon-32.png / 16.png are enough. Use a separate .ico converter only for legacy IE.
How do I apply it to HTML?
Copy the generated
<head> code into your site's <head>, upload PNGs to your root. For PWA, also apply manifest.json.References
Last verified: 2026-06-11 / HTML Canvas API, no external libraries.