Zenn / Herramientas gratis / Generador de favicon
Generador de favicon, con tu logo o tus iniciales
Crea un favicon con una letra o con tu logo, míralo en una pestaña de navegador real y en la pantalla de inicio de un móvil, y descarga favicon.ico, todos los tamaños en PNG, un manifiesto web y el HTML en un solo zip. Gratis, sin registrarte, y nada sale de tu navegador.
Créalo a partir de
Letrasde 1 a 3
Tipografía
Forma
Fondo
Color de la letra
Tamaño
Todo ocurre en tu dispositivo. No se sube nada.
En una pestaña del navegador
En los resultados de Google y en un móvil
Northstar Labshttps://northstarlabs.com
Northstar Labs: software para equipos pequeños
Planifica, lanza y comparte tu trabajo en un solo lugar. Empieza gratis hoy.
Pantallas de inicio de iPhone y Android
Tus archivos
Pega esto dentro de <head>
Los tamaños de favicon que necesitas en 2026
Ya no necesitas decenas de archivos. Estos siete cubren todos los navegadores actuales, los resultados de Google, los iPhone, los móviles Android y las apps web instaladas.
| Archivo | Tamaño | Para qué sirve |
|---|---|---|
| favicon.ico | 16, 32 y 48 px | Todos los navegadores, antiguos y nuevos, y los resultados de búsqueda de Google |
| favicon-16x16.png | 16 × 16 px | Pestañas del navegador en pantallas normales |
| favicon-32x32.png | 32 × 32 px | Pestañas del navegador en pantallas nítidas (retina) y barras de tareas |
| favicon-48x48.png | 48 × 48 px | Resultados de Google (pide un múltiplo de 48 px) |
| apple-touch-icon.png | 180 × 180 px | Pantallas de inicio de iPhone y iPad. Sin partes transparentes |
| android-chrome-192x192.png | 192 × 192 px | Pantallas de inicio de Android |
| android-chrome-512x512.png | 512 × 512 px | Apps web instaladas y pantallas de bienvenida |
Tamaños según los piden los navegadores y Google en noviembre de 2026.
Cómo crear un favicon que la gente reconozca
Usa una letra o tu símbolo
Un favicon se dibuja a 16 píxeles de ancho. Un logo completo con palabras se convierte en una mancha, así que usa tu inicial o solo tu símbolo.
Llena el espacio
Los iconos pequeños necesitan formas contundentes que lleguen a los bordes. Haz tu letra grande y gruesa, y evita las líneas finas.
Elige un fondo potente
Un color liso destaca entre las demás pestañas, tanto en modo claro como en modo oscuro. Los iconos transparentes pueden desaparecer en las pestañas oscuras.
Haz que encaje con tu marca
Usa el color y la tipografía de tu marca, para que la pestaña, el resultado de Google y el icono de la pantalla de inicio se sientan tuyos.
¿Quieres la marca completa, no solo el icono?
Zenn dibuja decenas de logos a partir del nombre de tu negocio, con símbolos creados por un estudio de diseño de verdad. El Kit de marca añade tu favicon, los tamaños para redes, tarjetas de visita y una guía de marca.
Preguntas frecuentes
¿Qué tamaño debe tener un favicon?
Hazlo de 48 × 48 px con copias más pequeñas de 32 y 16 px, todas dentro de favicon.ico. Añade un icono táctil de Apple de 180 px para los iPhone e iconos de 192 y 512 px para Android y las apps web. Este generador los crea todos a la vez.
¿Sigo necesitando favicon.ico?
Sí. Los navegadores siguen buscando /favicon.ico en la raíz de tu web, y Google lo usa a menudo en los resultados de búsqueda. Los navegadores modernos también leen los archivos PNG, así que el paquete incluye ambos.
¿Cómo añado un favicon a mi web?
Sube los archivos del zip a la carpeta principal de tu web y pega las cinco líneas de HTML que ves arriba dentro del head de cada página. En Squarespace, Wix, Shopify o WordPress, sube en su lugar el PNG de 512 px en el ajuste de icono del sitio o favicon.
¿Por qué no aparece mi favicon nuevo?
Los navegadores guardan los favicons antiguos durante un tiempo, así que abre tu web en una ventana privada para comprobarlo. Google actualiza el icono en los resultados cuando vuelve a rastrear tu página de inicio, y eso puede tardar unos días.
¿Este generador de favicon es gratis?
Sí. Es gratis, sin registro y sin marca de agua, y tu logo nunca sale de tu dispositivo. Todo se dibuja en tu navegador.
¿Mi favicon debe usar el logo completo?
Normalmente no. A 16 píxeles, un logo con palabras se convierte en una mancha borrosa. Usa tu primera letra, tus iniciales o solo tu símbolo, grande y contundente sobre un fondo liso.
¿Zenn también puede hacer mi logo?
Sí. Escribe el nombre de tu negocio en zenn.com y Zenn dibuja decenas de logos con símbolos creados por un estudio de diseño de verdad. El Kit de marca incluye tu favicon, todos los tamaños para redes, tarjetas de visita y una guía de marca.