Generar perfecto favicons en segundos
Crea iconos de favoritos a partir de imágenes, texto o emojis. Descarga archivos ICO, PNG, iconos táctiles de Apple, iconos de Android Chrome y el archivo site.webmanifest; todos se generan en tu navegador.
De la imagen
Sube un logotipo en formato PNG, JPG, SVG o WebP y generaremos todos los tamaños de favicon.
Del texto
Escribe de 1 a 3 caracteres, elige una fuente de Google y los colores: perfecto para iconos de marca rápidos.
De Emoji
Elige cualquier emoji como tu favicon. Ideal para proyectos paralelos y sitios web personales.
Todo lo que tu sitio web necesita
Una sola herramienta genera todos los formatos de favicon. No se requieren conocimientos de diseño.
Todas las tallas requeridas
Genera ICO (16, 32, 48), Apple Touch Icon (180), Android Chrome (192, 512) y site.webmanifest con un solo clic.
Vista previa del navegador en vivo
Visualiza tu favicon en una pestaña realista del navegador Chrome mientras lo personalizas, sin tener que adivinar.
Iconos de texto y emojis
Crea iconos de favoritos a partir de letras, números o emojis. Elige entre 50 fuentes de Google con colores personalizados.
Fragmentos de código HTML
HTML listo para copiar y pegar, metadatos de Next.js o etiquetas de enlace listas para Vite para tu framework.
Descargar como ZIP
Todos los archivos favicon, el manifiesto web y el fragmento HTML se incluyen en una única descarga ZIP.
100% privado
Todo funciona en tu navegador. Tus imágenes nunca se suben a ningún servidor.
Lo que obtienes
Todos los archivos que tu sitio web necesita, agrupados en una única descarga ZIP.
| Archivo | Tamaño | Objetivo |
|---|---|---|
| favicon.ico | 16+32+48 | Pestaña del navegador (multirresolución) |
| favicon-16x16.png | 16x16 | Reserva de navegador moderno |
| favicon-32x32.png | 32x32 | Pestaña de navegador estándar |
| apple-touch-icon.png | 180x180 | Pantalla de inicio de iOS |
| android-chrome-192x192.png | 192x192 | Chrome para Android |
| android-chrome-512x512.png | 512x512 | Pantalla de inicio de Android |
| site.webmanifest | — | archivo de manifiesto de PWA |
| favicon-snippet.html | — | HTML listo para usar |
Cómo funciona
Elige un modo
Sube una imagen, escribe un texto o elige un emoji para tu favicon.
Personalizar
Ajusta los colores, la forma, el relleno y la fuente. Previsualiza en una pestaña real del navegador.
Descargar
Obtén un archivo ZIP con todos los archivos de favicon, el manifiesto web y el fragmento de código HTML.
Preguntas frecuentes
¿Qué tamaño debe tener un favicon?+
Los sitios web modernos requieren varios tamaños: 16x16 y 32x32 píxeles para las pestañas del navegador (generalmente combinadas en un solo archivo .ico), 180x180 para el icono táctil de Apple (pantalla de inicio de iOS) y 192x192 y 512x512 para las pantallas de inicio de Android Chrome y PWA. Nuestro generador crea todos estos tamaños automáticamente.
¿Qué es un archivo ICO y todavía necesito uno?+
Un archivo ICO es un formato contenedor que permite incluir iconos de varios tamaños en un solo archivo. Si bien los navegadores modernos admiten favicons PNG, se recomienda el formato .ico para una máxima compatibilidad, especialmente con navegadores antiguos y accesos directos de Windows. Nuestra herramienta genera un archivo ICO multirresolución con tamaños de 16x16, 32x32 y 48x48 píxeles.
¿Puedo crear un favicon a partir de texto o emojis?+
¡Sí! Nuestro generador admite tres modos: subir una imagen (PNG, JPG, SVG, WebP), escribir de 1 a 3 caracteres con 50 fuentes de Google a tu elección o seleccionar cualquier emoji. Todos los modos te permiten personalizar el color, la forma y el relleno del fondo .
¿Cómo puedo añadir un favicon a mi proyecto Next.js?+
Coloca los archivos generados en tu carpeta /public y luego exporta un objeto de metadatos desde tu archivo app/layout.tsx. Nuestra herramienta te proporciona el fragmento de código exacto que necesitas: solo tienes que hacer clic en la pestaña "Next.js" del panel de código y copiarlo y pegarlo en tu archivo de diseño.
¿Qué es apple-touch-icon y por qué lo necesito?+
El icono de Apple Touch es una imagen PNG de 180x180 píxeles que iOS utiliza cuando alguien añade tu sitio web a su pantalla de inicio. Sin él, iOS tomará una captura de pantalla de tu página, que suele tener un aspecto poco estético. Nuestro generador crea este archivo automáticamente.
¿Qué es site.webmanifest?+
El archivo site.webmanifest es un archivo JSON que le indica al navegador información sobre tu aplicación web: su nombre, iconos, color del tema y modo de visualización. Es necesario para las aplicaciones web progresivas (PWA) y Chrome para Android lo utiliza para mostrar tu icono en la pantalla de inicio. Nuestro archivo ZIP incluye un archivo webmanifest listo para usar.
¿Este generador de favicons es realmente gratuito?+
Sí, completamente gratis, sin límites, sin marcas de agua y sin necesidad de registrarse. Todo el procesamiento se realiza en tu navegador; nunca subimos tus imágenes a ningún servidor.
¿Mis imágenes se suben a un servidor?+
No. Todo se ejecuta al 100% en tu navegador mediante la API de Canvas. Tus imágenes nunca salen de tu dispositivo. No almacenamos, procesamos ni tenemos acceso a tus archivos.
Looking for more tools? Try our App Icon Generator, Image Resizer, Image Compressor, or Screenshot Generator.