Generador de tamaños de favicon e iconos de aplicación

Genera tamaños de favicon, iconos de aplicación y código HTML

Sube una imagen fuente, recórtala desde el cuadrado centrado y genera favicon.ico, tamaños PNG, Apple Touch Icon, iconos Android/PWA, archivos de manifiesto y código listo para copiar.

Reglas de acceso

Genera lo esencial primero, luego desbloquea el paquete de activos completo con créditos

Acceso básico para todos

✓ Vista previa de cómo se ve el favicon en una pestaña del navegador
✓ Descarga favicon.ico con tamaños 16x16 y 32x32
✓ Descarga favicon-16x16.png y favicon-32x32.png
✓ Ver y copiar el código HTML completo
✓ Otros tamaños se muestran como previsualizaciones con marca de agua

Desbloqueado después de iniciar sesión con créditos

+ Descarga el paquete ZIP completo sin marca de agua
+ Obtén Apple Touch Icon, Iconos Android/PWA y Tiles de Windows
+ Incluye site.webmanifest, browserconfig.xml y html-code.txt
+ Los registros de generación se guardan en el panel; las descargas repetidas no consumen créditos nuevamente
+ Los créditos recargados, créditos bonificación y registros de uso son trazables

Estado de acceso actual

Inicia sesión para descargar el paquete completo. Los invitados solo pueden descargar tamaños básicos.

Iniciar sesión para ZIP completo

2. Tamaños de favicon e iconos de aplicación generados

Los archivos gratuitos se pueden descargar directamente. Los archivos bloqueados muestran previsualizaciones con marca de agua, y el paquete completo sigue las reglas de acceso del usuario.

Sube una imagen fuente para ver todos los tamaños generados aquí.

3. Código HTML

Todos los usuarios pueden ver y copiar este código.

<!-- Favicon -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">

<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- Android / PWA -->
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">

<!-- Windows Tiles -->
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-150x150.png">
<meta name="msapplication-config" content="/browserconfig.xml">

4. Descargar paquete completo

Incluye todos los archivos PNG sin marca de agua, favicon.ico, site.webmanifest, browserconfig.xml y html-code.txt.

Tamaños completos

Genera archivos PNG de favicon, Apple Touch Icon, iconos Android/PWA y Tiles de Windows.

Código listo para copiar

Genera automáticamente ejemplos de código HTML, site.webmanifest y browserconfig.xml.

Acceso claro

Los usuarios gratuitos pueden descargar tamaños esenciales, y los usuarios pagos usan créditos para el paquete completo sin marca de agua.

Preguntas frecuentes

Se recomiendan 16x16, 32x32 y 48x48. El ICO gratuito puede incluir 16x16 y 32x32.

Guías relacionadas

Aprende las reglas de tamaño de favicon, pasos de integración y la configuración completa multiplataforma.

Favicon Sizes