Herramienta de Diseño
Generador de Favicon
Crea un favicon desde texto, emoji o imagen. Degradados, sombras, contornos — exporta en ICO, PNG y SVG.
ICO · PNG · SVG
Degradados & Efectos
100% Navegador
Fuente
Arrastra una imagen o haz clic
PNG · JPG · SVG · WebP
Forma
Fondo
Presets
Texto / Emoji
Efectos de texto
Borde
Vista previa live
Fondo
256px
64px
32px
16px
Descargar
HTML <head>
<!-- Genera primero un favicon -->
¿Por qué un favicon?
Identidad visual
El favicon es la primera representación visual en la pestaña del navegador. Refuerza el reconocimiento y la confianza.
SEO
Google muestra el favicon en los SERPs desde 2019. Un favicon limpio mejora el CTR y la credibilidad percibida.
PWA & Móvil
Cuando el usuario añade tu sitio a su pantalla de inicio, el favicon se convierte en el icono de la app.
Formatos recomendados
favicon.ico (16+32px), PNG 32px para Chrome, SVG para navegadores modernos, PNG 180px para Apple touch.
FAQ
16×16px es el tamaño mínimo mostrado en pestañas. Pero se recomienda 16, 32 y 48px en el ICO para máxima nitidez.
Coloca favicon.ico en la raíz de tu sitio (example.com/favicon.ico). Los navegadores lo buscan automáticamente. Añade etiquetas <link> en el <head> para otros formatos.
SVG es vectorial — permanece perfectamente nítido en pantallas Retina 4K. Chrome y Firefox lo soportan. ICO sigue siendo necesario para compatibilidad universal.