Cómo añadir un favicon en HTML
Tres etiquetas cubren el 99 % de los casos. Dos más te dan una configuración de calidad PWA.
3 min de lectura
La etiqueta mínima
<link rel="icon" href="/favicon.ico"> — nada más. Todos los navegadores la buscarán.
El set moderno recomendado
Añade SVG y apple-touch-icon para una representación nítida en todas las plataformas:
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Prompts de instalación PWA
Añade un manifest.json con entradas PNG de 192×192 y 512×512, y luego enlaza <link rel="manifest" href="/site.webmanifest">.