Elige tu diseño
Sube un SVG para obtener los iconos más nítidos y un favicon SVG, o un PNG, JPG, WebP o HEIC. Con la sesión iniciada, puedes elegir uno de tus resultados desbloqueados.
Generador de favicon e iconos PWA
Una subida, todos los iconos que piden una pestaña del navegador o una pantalla de inicio, y las etiquetas que apuntan a ellos.
Crea tu set de favicons
SVG, PNG, JPG, WebP, HEIC · hasta 8 MB · gratis para tus propios archivos y resultados desbloqueados
Qué hace esta herramienta
Crea a partir de una imagen todos los iconos que necesita tu web: favicon.ico, favicons PNG, un favicon SVG (a partir de un SVG), un Apple touch icon con tu color de fondo e iconos de web app, incluidos los maskable, que se ven bien cuando un teléfono los recorta a su propia forma. El ZIP también incluye site.webmanifest y favicon.html, con las etiquetas que debes pegar en tus páginas. Un PNG, JPG, WebP o HEIC recibe todos los iconos salvo el favicon SVG; esta herramienta no traza imágenes.
Por seguridad, se eliminan los scripts, las animaciones, el contenido web incrustado, los enlaces y todo lo que cargue otro archivo; tu diseño y las imágenes PNG, JPEG o WebP incrustadas se mantienen. El resultado lista todo lo eliminado.
Entradas, salidas y límites
Entrada
SVG, PNG, JPEG, WebP o HEIC
Salida
ZIP con favicon.ico, favicons PNG, un favicon SVG (con origen SVG), un Apple touch icon, iconos PWA, site.webmanifest y las etiquetas HTML
Límites
Archivos de hasta 8 MB; imágenes PNG, JPG y WebP de hasta 24 megapíxeles, escaladas a 1.536 px antes de exportar. Crea favicon.ico con imágenes de 16, 32, 48 px, favicons PNG de 16 y 32 px, un Apple touch icon de 180 px e iconos de app de 192 y 512 px, cada uno también como icono maskable cuyo diseño queda dentro de la zona segura (un círculo centrado con un radio del 40% del tamaño del icono). Límite de procesamiento: 30 s.
Cómo funciona
Ponle nombre y elige colores
El nombre y el nombre corto van en el web manifest. El color de tema es el tono que algunos navegadores dan a su interfaz; el color de fondo rellena el Apple touch icon y los iconos maskable.
Sube los archivos y pega las etiquetas
Pon todos los archivos del ZIP en la carpeta que indicaste como prefijo de ruta y pega las etiquetas de favicon.html en el head de cada página. El README del ZIP explica para qué sirve cada archivo.
Solución de problemas
¿Por qué no hay favicon.svg?
Un favicon SVG solo se crea a partir de un SVG que sea completamente vectorial. Un PNG, JPG, WebP o HEIC, o un SVG con una imagen dentro, recibe en su lugar los favicons PNG e ICO, y el resultado lo indica.
Sigue apareciendo el icono antiguo
Los navegadores guardan los favicons en caché mucho tiempo. Abre la página en una ventana privada, o borra los datos del sitio, para ver los archivos nuevos.
Mi logo se ve pequeño en el icono maskable
Los launchers pueden recortar un icono maskable en círculo, así que el diseño se escala para caber en la zona segura circular. Reduce el margen para agrandarlo; una marca redonda puede llenar todo el círculo.
¿El prefijo de ruta cambia el manifest?
No. Las rutas de los iconos dentro de site.webmanifest son relativas al manifest, así que funcionan desde cualquier carpeta mientras los archivos estén juntos. El prefijo define las rutas en favicon.html.
Acceso y precios
Esta herramienta no gasta créditos cuando la usas con un archivo que subes o un resultado que ya desbloqueaste. Los archivos se guardan 24 horas para invitados y 30 días en una cuenta. Consulta los precios.