Suite completa
favicon.ico, apple-touch-icon, android-chrome 192 y 512, site.webmanifest. Listo para copiar a /public.
Suite 02 / Engine Hub / aGo Faviconic
aGo Faviconic
Sube una imagen o un emoji y descarga el ZIP con favicon.ico, apple-touch-icon, android-chrome y site.webmanifest configurado.
Vista previa
Mi App · tools.ago.cl
vacío
16x16vacío
32x32vacío
192x192vacío
512x512HTML para tu <head>
<link rel="icon" type="image/x-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="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0A1228">
<link rel="manifest" href="/site.webmanifest">
<meta name="application-name" content="Mi App">
<meta name="apple-mobile-web-app-title" content="Mi App">
<meta name="theme-color" content="#0A1228">
<meta name="msapplication-TileColor" content="#0A1228">
<meta name="msapplication-config" content="/browserconfig.xml">
<link rel="apple-touch-startup-image" href="/apple-splash-1170x2532.png" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3)">
<link rel="apple-touch-startup-image" href="/apple-splash-1668x2388.png" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)">El ZIP incluye favicon.ico multi-resolución, apple-touch-icon, android-chrome 192/512, maskable, mstile, safari-pinned-tab.svg, site.webmanifest, browserconfig.xml, apple-splash 1170x2532 y 1668x2388, head-snippet.html, y variantes dark cuando se activan.
/// que hace 01 02 03 04
Emoji como icono
Sin tener un logo aún, escribe un emoji y la herramienta lo convierte en favicon nítido a todas las resoluciones.
Control de padding
Ajusta el espacio alrededor del icono para que no toque los bordes. Útil en logos con detalles finos.
Cero servidor
Las imágenes se procesan localmente. No subes tu logo a ningún lado.
§ aGo lab estudio
¿Necesitas una versión white-label de esta tool?
aGo lab construye versiones a medida con tu marca, integradas a tu flujo y manteniendo la filosofía cliente-puro.
/// preguntas frecuentes
Preguntas frecuentes
¿Qué pongo en mi HTML?
Incluye en tu <head>: <link rel="icon" href="/favicon.ico">, <link rel="apple-touch-icon" href="/apple-touch-icon.png"> y <link rel="manifest" href="/site.webmanifest">.
¿Qué tamaños son necesarios?
favicon.ico (32x32) para navegadores, apple-touch-icon (180x180) para iOS, android-chrome 192 y 512 para PWA. Esta suite cubre todo.
¿Puedo usar un emoji animado?
No. La herramienta usa el render estático del emoji. Para iconos animados necesitas SVG o APNG, fuera del scope.
¿Se respeta la transparencia?
Sí. Si dejas el fondo como transparente, los PNG generados conservan el alpha.