Generador de favicon
Crea el icono que aparece en la pestaña del navegador, en los marcadores y en la pantalla de inicio del móvil.
Tus archivos se procesan directamente en tu navegador. No se suben a ningún servidor.
Cómo usar el generador de favicon
- 1
Elige crear el favicon desde letras/emoji o desde una imagen.
- 2
Ajusta forma, colores y margen viendo la vista previa.
- 3
Pulsa «Generar favicons», descarga el ZIP y copia el código HTML.
Sobre esta herramienta
Obtienes favicon.ico (16, 32 y 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), iconos Android de 192 y 512 px y un site.webmanifest listo para usar.
Para un resultado nítido, usa una imagen cuadrada de al menos 512 × 512 px con un diseño simple: a 16 px los detalles pequeños desaparecen.
Todo se genera en tu navegador; tu imagen no se sube a ningún servidor.
Preguntas frecuentes
¿Dónde pongo los archivos?
En la carpeta raíz de tu web (donde está el index). Después pega el código HTML dentro de <head>.
¿Por qué el apple-touch-icon tiene fondo?
iOS no admite iconos transparentes en la pantalla de inicio y los pone sobre negro, así que se genera con fondo opaco.