Arrastra una imagen aquí o haz clic para elegir
PNG, JPG, WebP o SVG — las imágenes cuadradas funcionan mejor
Opciones
iOS muestra un fondo negro y Android uno blanco detrás de los iconos transparentes — elige un color sólido si tu imagen tiene transparencia.
Vista Previa
Pestañas del Navegador y Resultados de Búsqueda
Claro
tusitio.com
El Título de tu Sitio
Aquí aparece una breve descripción de tu sitio en los resultados de Google.
Oscuro
tusitio.com
El Título de tu Sitio
Aquí aparece una breve descripción de tu sitio en los resultados de Google.
Icono Táctil de Apple
Icono de Android
Añade esto a tu <head>
Generador de Favicon
Sube cualquier imagen y obtén un conjunto de favicon completo y moderno — favicon.ico, iconos PNG para pestañas del navegador, un icono táctil de Apple para pantallas de inicio de iOS, iconos de Android Chrome y un manifiesto de app web — todo en un ZIP, listo para la carpeta raíz de tu sitio. También puedes elegir un color de fondo sólido (útil porque iOS muestra un fondo negro y Android uno blanco detrás de los iconos transparentes), ajustar el relleno, definir un color de tema y nombrar tu app para el manifiesto web.
Cómo funciona
Tu imagen nunca se sube ni se almacena en nuestros servidores. El favicon.ico generado incluye un PNG de 48×48 en el formato moderno PNG-en-ICO compatible con cualquier navegador actual y Windows desde Vista, junto con favicon-96x96.png, favicon-192x192.png, favicon-512x512.png y un icono táctil de Apple — todo empaquetado con un manifiesto web en un solo ZIP. Si tu imagen de origen es a su vez un SVG, el original también se incluye como favicon.svg para los navegadores que admiten favicons vectoriales escalables.
Ejemplo práctico
Sube tu logo, ajusta el fondo, el relleno, el color del tema, el nombre de la app o la ruta base si quieres, y pulsa Descargar ZIP — obtendrás favicon.ico, favicon-96x96.png, favicon-192x192.png, favicon-512x512.png, apple-touch-icon.png y site.webmanifest (además de favicon.svg si subiste un SVG), junto con un fragmento HTML listo para pegar en el <head> de tu página que se actualiza en directo al cambiar la ruta base.