Generador HTML de favicon
El favicon es solo la mitad del trabajo — las etiquetas link del HTML deciden qué archivo elige cada navegador. Genera el set completo y correcto con un solo clic.
For a longer walkthrough with FAQ and troubleshooting, see our step-by-step tutorial.
Una configuración de favicon completa incluye etiquetas para favicon.ico, una variante SVG, apple-touch-icon y los iconos del manifest PWA. Si falta alguna, al menos una plataforma mostrará un icono genérico.
Genera las etiquetas aquí, pégalas en tu <head> y listo.
Cómo funciona
- 1
Genera tu favicon
Usa el generador de favicons para producir .ico + PNG + SVG.
- 2
Copia las etiquetas
Pega el bloque <link> generado en tu <head>.
- 3
Verifica
Abre tu sitio en Chrome, Safari, Firefox y Edge — todos deberían mostrar el icono.
Pruébalo ahora
Obtén las etiquetas HTML
Generador de FaviconPreguntas frecuentes
¿Qué etiqueta es la más importante?+
<link rel="icon" href="/favicon.ico"> — es el respaldo universal.
¿Necesito un manifest.json?+
Solo si quieres una experiencia de instalación PWA completa. De lo contrario, es opcional.
¿Dónde va apple-touch-icon?+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.