Generador de favicons
Crea un paquete completo de favicons a partir de un logo, un icono de fuente o un monograma — favicon.ico, PNG modernos, icono Apple touch, iconos PWA, manifiesto web y fragmento HTML.
Sube un logo, elige un icono de fuente o escribe un monograma — generamos todos los favicons que necesita una web moderna: desde el clásico favicon.ico hasta el icono Apple touch, los iconos PWA y un fragmento HTML listo para pegar.
Acerca de Generador de favicons
El Generador de Favicons construye todos los iconos que necesita un sitio web moderno a partir de una sola fuente: sube un logotipo PNG, elige un icono de fuente, o escribe un monograma. El paquete incluye el clásico favicon.ico (16, 32 y 48 px), favicons PNG modernos, el icono táctil de Apple de 180 px, iconos PWA de 192 y 512 px, un site.webmanifest y el fragmento HTML para el head.
El estilo se maneja en la herramienta: elige un color de fondo o mantén la transparencia, recorta a forma cuadrada, redondeada o circular, ajusta el relleno y el tamaño del material gráfico, y define el color de tema que usa la interfaz del navegador y el manifiesto PWA. Una vista previa en vivo muestra tu icono en contextos reales: una pestaña de navegador de 16 px, un marcador, la miniatura táctil de Apple y un icono PWA.
Todo se renderiza en un lienzo de tu navegador, y Generar ensambla el paquete completo en un ZIP con un README. La instalación son dos pasos: descomprime en la raíz de tu sitio y pega el fragmento proporcionado en tu <head>.
Cómo usar Generador de favicons
- Elige tu fuente: sube un logotipo PNG, elige un icono de fuente, o escribe un monograma.
- Dale estilo: color de fondo o transparencia, forma, relleno y tamaño del material gráfico.
- Rellena el nombre del sitio, el nombre corto y el color de tema para el manifiesto PWA.
- Revisa las vistas previas: pestaña de navegador, marcador, contextos de Apple táctil y PWA.
- Haz clic en "Generar favicons" y descomprime el paquete en la raíz de tu sitio web.
- Pega el fragmento HTML del paquete en el <head> de tu página.