Favicon Generator
Generate favicons from any letter, emoji, or short text. Custom gradient backgrounds. Download every size you need (16, 32, 180, 512).
- 16×16
- 32×32
- 48×48
- 96×96
- 180×180
- 192×192
- 512×512
How to use
- 1Pick your content
A single letter (initial), an emoji, or up to 3 characters. Center-aligns automatically.
- 2Set the background
Solid color or two-color gradient. Rounded corners toggle for iOS-style icons.
- 3Preview at every size
Live previews at 16, 32, 180, and 512 px so you can see what a browser tab actually shows.
- 4Download the sizes you need
.ico for the browser tab, 180×180 PNG for iOS, 192/512 for PWAs. All in one click.
Examples
Text: T · BG: #6366f1 · Text: white · Rounded: 20%
Downloads: favicon.ico · apple-touch-icon.png · icon-192.png · icon-512.png
Text: 🧰 · BG: transparent
A 32×32 icon that renders the emoji as your site's favicon
Text: AZ · Gradient: #6366f1 → #ec4899 · Rounded: 25%
Multi-size icons with a matching diagonal gradient
Frequently asked
For most sites: favicon.ico (32×32), apple-touch-icon.png (180×180), and a web app manifest with 192×192 and 512×512 for PWAs. The 16×16 is auto-derived by browsers from favicon.ico.
Not yet — the current version generates from text/emoji only. Image upload with automatic crop and resize is planned.
The root of your site (e.g. `/favicon.ico`, `/apple-touch-icon.png`), and reference them in your HTML `<head>`. Modern frameworks like Next.js can auto-link them if you drop the files in the right folder.
Related tools
- QR Code GeneratorGenerate QR codes for URLs, text, WiFi credentials, and more. Customize colors a
- Color ConverterPaste any color in hex, rgb(), rgba(), or hsl() and get it in every other format
- Image ResizerResize any image to any dimensions and convert to WebP, JPEG, or PNG. Quality sl
- Reef CameraLive camera with blue-cancel filters designed for reef tank photography. Cut thr