Convierte un logo, unas letras o un emoji en un conjunto completo de favicons —favicon.ico, PNG de varios tamaños, un Apple touch icon, iconos de Android y las etiquetas HTML— creado en tu navegador.
Generador de favicon
Convierte un logo, unas letras o un emoji en un conjunto completo de favicons —favicon.ico, PNG de varios tamaños, un Apple touch icon, iconos de Android y las etiquetas HTML— creado en tu navegador.
Tu logo o tu texto se dibuja en un lienzo en esta pestaña y se empaqueta en el ZIP en tu dispositivo. No se sube nada, así que una identidad de marca aún sin publicar se mantiene privada.
El Generador de favicon crea todo el conjunto de iconos de un sitio a partir de una sola fuente. Empieza con una imagen, como un logo, escribe de uno a tres caracteres o elige un emoji. Cada icono se dibuja a su propio tamaño en píxeles en lugar de reducirse a partir de un único archivo grande: 16, 32 y 48 px van como imágenes PNG dentro de un solo favicon.ico, junto a PNG sueltos de 16 y 32 px, un Apple touch icon de 180 px y los iconos de 192 y 512 px que usa Android. Con ellos vienen un manifiesto web y un bloque de etiquetas link, y las fuentes de texto o de emoji generan además un favicon SVG auténtico. Las vistas previas muestran cada tamaño píxel a píxel y dentro de pestañas de navegador en modo claro y oscuro antes de descargar nada. Todo se renderiza en tu dispositivo y tu imagen nunca se sube.
Características
Una imagen, un texto o un emoji como fuente, con vistas previas en vivo antes de descargar
favicon.ico con imágenes de 16, 32 y 48 px, además de PNG sueltos de 16 y 32 px
Un Apple touch icon de 180 px, con fondo sólido y esquinas cuadradas para que iOS las redondee por su cuenta
Iconos de Android de 192 y 512 px con su site.webmanifest correspondiente
Un favicon.svg auténtico para las fuentes de texto y de emoji, nítido a cualquier tamaño
Controles de ajuste, margen interior, radio de las esquinas y fondo para las fuentes de imagen
Vistas previas exactas al píxel de 16 a 180 px y pestañas de navegador simuladas en modo claro y oscuro
Un ZIP con todos los archivos y las etiquetas link listas para pegar en el head de tu página
Cómo usar Generador de favicon
Elige Image, Text o Emoji y luego suelta un logo, escribe hasta tres caracteres o elige un emoji
Ajusta el encaje de la imagen, el margen interior, los colores y la forma de las esquinas, mientras se actualizan las vistas previas y las pestañas del navegador
Escribe el nombre de tu app y el color del tema, y la carpeta desde la que se servirán los iconos
Descarga el ZIP, sube los archivos a tu sitio y pega las etiquetas link en el head
Ejemplo
Entrada
Source: emoji 🚀 on a rounded tile · theme colour #4f46e5 · icons in the site root
Las etiquetas generadas para una fuente de texto o de emoji; una fuente de imagen omite la línea del SVG.
Errores comunes y solución de problemas
Sigue apareciendo el favicon antiguo después de subir los archivos nuevos. — Los navegadores conservan los favicons durante mucho tiempo. Abre directamente la dirección del icono, fuerza su recarga con Ctrl+Shift+R (⌘⇧R en un Mac) y luego recarga la página. Una ventana privada muestra el icono actual de inmediato.
El icono se ve borroso o poco definido en la pestaña del navegador. — Parte de una imagen cuadrada de al menos 512 px y mantén el diseño simple, porque el detalle fino desaparece a 16 px. Un logo ancho suele funcionar mejor con más margen interior o con el ajuste Cover.
El Apple touch icon tiene las esquinas negras o el fondo negro. — iOS pinta de negro los píxeles transparentes. El icono de 180 px se rellena con el color de fondo de tu icono, o con el color de fondo del manifiesto cuando el icono es transparente, y sus esquinas se dejan cuadradas para que iOS las redondee.
No hay ningún favicon.svg en la lista de archivos. — Solo existe un SVG auténtico para las fuentes Text y Emoji, donde el carácter se conserva como texto. Una foto o un archivo de logo sería solo un mapa de bits dentro de un envoltorio SVG, así que lo cubren los archivos PNG e ICO.
Preguntas frecuentes
¿Qué tamaños de favicon necesito en 2026?
Un favicon.ico con imágenes de 16, 32 y 48 px, un apple-touch-icon de 180 px y iconos de 192 y 512 px para el manifiesto cubren casi todos los navegadores y móviles. Los PNG sueltos de 16 y 32 px y un SVG son extras que merecen la pena, y el Generador de favicon los crea todos juntos.
¿Qué diferencia hay entre los favicons ICO, PNG y SVG?
ICO es el contenedor original y los navegadores lo siguen pidiendo automáticamente en la raíz de un sitio, así que cubre navegadores antiguos y marcadores. PNG es la opción segura para pestañas e iconos de móvil. SVG es un único archivo vectorial que se mantiene nítido a cualquier tamaño, pero no todos los navegadores lo admiten, por lo que el conjunto incluye los tres.
¿Dónde pongo los archivos del favicon y las etiquetas link?
Sube los archivos a la carpeta desde la que se sirve tu sitio, normalmente la raíz, junto a la página de inicio. Después pega las etiquetas generadas dentro del elemento head de cada página. Si los iconos están en una subcarpeta, indica antes esa carpeta en la herramienta para que las rutas de las etiquetas y del manifiesto sean correctas.
¿Por qué mi favicon no cambia después de reemplazar los archivos?
Los navegadores guardan los favicons en caché por separado de la página y pueden conservar uno antiguo durante días. Recarga la dirección propia del icono con Ctrl+Shift+R, borra las imágenes en caché del sitio o prueba en una ventana privada. Cambiar el nombre de los archivos y actualizar las etiquetas también fuerza una descarga nueva.
¿Puedo usar un emoji como favicon?
Sí. Elige la pestaña Emoji, escribe o pega un emoji y elige un tamaño y un fondo opcional. Los archivos PNG e ICO se dibujan con la fuente de emojis de este dispositivo y se ven igual en todas partes. El SVG usa el emoji como texto, por lo que el sistema de cada visitante dibuja su propia versión.
¿Para qué sirven los iconos de Android y del manifiesto?
Los PNG de 192 y 512 px figuran en site.webmanifest. Android los usa para el acceso directo de la pantalla de inicio y para la pantalla de presentación, y las aplicaciones web instalables los necesitan. El manifiesto guarda además el nombre de tu app, el nombre corto y los colores, que puedes definir en la herramienta.
Herramientas relacionadas
Generador de iconos de app — Convierte una imagen en todos los tamaños de icono de app para iOS, macOS y Android, descargados en un ZIP, en tu navegador.
SVG a PNG — Convierte marcado SVG o un archivo .svg en un PNG o JPG nítido.
Generador de iconos de app — Convierte una imagen en todos los tamaños de icono de app para iOS, macOS y Android, descargados en un ZIP, en tu navegador.