Generador de favicon

1. Descarga tus favicons

Configuración mínima recomendada:

• PNG 32×32 - Renombra a favicon.png (más común)
• SVG - Renombra a favicon.svg (navegadores modernos, escalable)

Opcional (para mejor cobertura):

• PNG 16×16 - Renombra a favicon.ico (navegadores antiguos)
• PNG 180×180 - Renombra a apple-touch-icon.png (pantalla de inicio iOS)

2. Agrégalo a tu sitio web

Coloca los archivos en la raíz o directorio público de tu sitio y agrega estas etiquetas en el head de tu HTML:

<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Consejos

• Usa diseños simples y nítidos que funcionen en tamaños pequeños
• Los emojis funcionan muy bien para íconos rápidos y reconocibles
• SVG es recomendado para navegadores modernos (escalable y archivo pequeño)
• Usa colores de alto contraste para mejor visibilidad