⭐ Favicon Generator
Convert any image to a complete favicon set — ICO, PNG (16×16 to 512×512), Apple Touch Icon, and manifest.json. Free online favicon generator — no signup required.
Drop image here or click to upload
PNG, JPG, SVG, WebP supported
How to Use
1
Upload your image
Drag and drop any image onto the upload area, or click to browse your files. Square images work best.
2
Preview all sizes
Instantly see your image at all 8 standard favicon sizes: 16, 32, 48, 64, 128, 180, 192, and 512 pixels.
3
Download your favicons
Click any size card to download that size as a PNG, or use "Download All Sizes" to get them all at once.
Frequently Asked Questions
What is a favicon?
A favicon is the small icon shown in browser tabs, bookmarks, and search results next to your website's name. It's typically 16×16 or 32×32 pixels and helps users identify your site quickly among many open tabs.
What image formats can I upload?
You can upload PNG, JPG, JPEG, GIF, WebP, or SVG files. For best results, use a square image (equal width and height) with a transparent background saved as PNG.
Which favicon sizes should I generate?
The standard set includes: 16×16 and 32×32 (browser tabs), 48×48 (Windows taskbar), 180×180 (Apple Touch Icon for iOS), 192×192 and 512×512 (Android/PWA). Including all sizes ensures your favicon looks good on every device.
How do I use the generated favicons on my website?
Add these link tags to your HTML <head>: <link rel="icon" sizes="32x32" href="/favicon-32.png">, <link rel="apple-touch-icon" href="/favicon-180.png">. Place the files in your website root for best browser compatibility.
Is my image sent to a server?
No. All resizing happens in your browser using the HTML5 Canvas API. Your original image never leaves your device and is never uploaded to any server.
Guía: Generador de Favicons
¿Qué es?
El favicon aparece en pestañas del navegador, marcadores y resultados de búsqueda. Los sitios modernos necesitan múltiples tamaños: 16×16, 32×32, 180×180 (Apple Touch), 192×192 (Android), y SVG para resoluciones escalables.
Cómo usar
- Sube tu imagen o ingresa texto/emoji.
- Ajusta fondo y colores si usas texto.
- Descarga el paquete con todos los tamaños.
- Añade los tags HTML al
<head>.
Consejos
- Un favicon SVG funciona en todos los tamaños — es la opción moderna.
- Diseño simple: a 16×16px los detalles son invisibles.
<link rel="icon" href="/favicon.svg" type="image/svg+xml">para soporte moderno.