Apps y paneles
Muestra el icono de cada sitio junto a su enlace en un CRM, una página de marcadores, una lista de integraciones o un informe semanal.
Pega una web y descarga su favicon y sus iconos de app, o un paquete de favicons completo: un ICO, PNG de 16 a 512 px y un manifiesto web.
Prueba con
¿Ya tienes el archivo?
Suelta el logo para abrirlo
Haz clic en un logo para cambiarlo por el siguiente de esa web o para quitarlo.
Videos de tu logo animado en 3D para Reels, TikTok y YouTube, imágenes 3D brillantes y archivos para impresión 3D, hechos en tu navegador en segundos.
Tres pasos. Sin extensiones de navegador, sin código y sin cuenta.
Escribe o pega la dirección del sitio e inicia la búsqueda. La herramienta lee todos los iconos que declara el sitio: el icono de la pestaña del navegador, el icono de pantalla de inicio del iPhone, los iconos de aplicación web y el icono de pestaña fijada de Safari.
Cada icono se muestra en grande, con su tipo y su tamaño en píxeles explicados con palabras sencillas. ¿Quieres el logo completo de la empresa en lugar de su icono? Descarga el logo completo de la empresa con el Buscador de logos.
Guarda el icono como PNG o SVG, haz clic en ICO para obtener un único .ico con todos los tamaños de 16 a 256 px o descarga el paquete de favicons: PNG de 16, 32, 48, 180, 192 y 512 px, los archivos .ico y un site.webmanifest, todo en un solo ZIP.
La mayoría de los sitios tienen hasta cuatro tipos, cada uno pensado para un lugar distinto. La herramienta los encuentra todos para que te quedes con el más nítido.
| Icono | Dónde se ve | Tamaño | Cómo lo declara el sitio |
|---|---|---|---|
| Favicon | Pestañas del navegador, marcadores, historial y junto al sitio en los resultados de Google | Cuadrados pequeños, como 16, 32 y 48 px; Google recomienda que superen los 48 x 48 px para sus resultados de búsqueda | rel="icon" o el archivo /favicon.ico |
| Apple touch icon | Pantallas de inicio del iPhone y el iPad | 180 x 180 px para iPhone, según la guía de contenido web de Safari de Apple (archivada) | rel="apple-touch-icon" |
| Iconos de aplicación web | Pantallas de inicio de Android, aplicaciones web instaladas y sus pantallas de presentación | 192 y 512 px: los navegadores basados en Chromium necesitan los dos para instalar una aplicación web | Se indican en el site.webmanifest |
| Icono de pestaña fijada de Safari | Pestañas fijadas de Safari en macOS | Un SVG de un solo color, nítido a cualquier tamaño | rel="mask-icon" |
Los iconos de app grandes son el mejor punto de partida para cualquier cosa más grande que una pestaña: una ficha, una diapositiva, una lista impresa.
Un navegador sigue un breve recorrido hasta el icono de un sitio. La herramienta sigue el mismo recorrido, así que encuentra lo que mostraría cualquier navegador o teléfono.
Primero, la sección head de la página. Las etiquetas link con rel="icon" indican los archivos de icono, a menudo uno por tamaño más un SVG, y el navegador elige el que mejor se ajusta a la pantalla.
Después, la raíz del sitio. Si no se indica ningún icono, el navegador pide /favicon.ico en el nivel superior del sitio, la ubicación que introdujeron las primeras versiones de Internet Explorer para los favicons. La herramienta también revisa las ubicaciones de la raíz.
Los teléfonos leen sus propios iconos. El iPhone y el iPad buscan el Apple touch icon, y Android y las aplicaciones web instaladas leen los iconos que figuran en el site.webmanifest.
Google lee la página de inicio. Para sus resultados de búsqueda, Google toma el icono enlazado desde la página de inicio, siempre que Googlebot pueda rastrear tanto la página como el archivo del icono.
La mayoría de los sitios tienen el mismo icono en varios tamaños. Elige el que encaje con cada uso: nítido y a la primera.
Cada icono que declara el sitio aparece en su propia ficha con su tamaño en píxeles: iconos de pestaña de 16, 32 o 48 px, un Apple touch icon de 180 px, iconos de aplicación web de hasta 512 px y un SVG cuando el sitio lo tiene.
Para una lista, una tabla o el mockup de una pestaña, el icono de pestaña ya tiene el tamaño adecuado. Para una diapositiva, una ficha o una lista impresa, elige el icono de app de 512 px o el SVG. Para un acceso directo de Windows, haz clic en ICO en el icono más grande y obtendrás un .ico con todos los tamaños de 16 a 256 px.
¿Prefieres crear iconos a partir de tu propia imagen? El convertidor de PNG a ICO transforma cualquier PNG o logo en un .ico multitamaño y en un paquete de favicons completo.
Todos los archivos de icono que necesita una web, creados a partir de un solo icono o logo, en una sola descarga.
| Archivo | Qué es | Para qué sirve |
|---|---|---|
| favicon.ico | Un archivo de icono con los tamaños pequeños | El archivo que los navegadores piden a una web en /favicon.ico. Un ICO puede contener varios iconos en un solo archivo. |
| icon-256.ico | Un archivo de icono con todos los tamaños de 16 a 256 px | Accesos directos, carpetas e iconos de app de Windows, nítidos desde la barra de título hasta el menú Inicio |
| PNG de 16, 32 y 48 px | PNG cuadrados pequeños con fondo transparente | Pestañas del navegador, marcadores y accesos directos, en pantallas normales y de alta resolución |
| PNG de 180 px | El Apple touch icon | Pantallas de inicio del iPhone y el iPad |
| PNG de 192 px | Un icono de aplicación web | Pantallas de inicio de Android y aplicaciones web instaladas |
| PNG de 512 px | El icono grande de aplicación web | Pantallas de instalación y de presentación, y cualquier lugar donde haga falta un icono cuadrado grande |
| favicon.svg | El icono como vector, cuando el logo tiene versión vectorial | Pestañas nítidas a cualquier tamaño en los navegadores que leen iconos SVG |
| site.webmanifest | Un pequeño archivo de texto | Indica a Android y a las aplicaciones web instaladas dónde están los iconos de 192 y 512 px |
| add-to-your-head.html | Las líneas para la sección head de tu página | Cópialas y pégalas para enlazar todos los iconos de una vez |
Cada tamaño y dónde aparece, para favicons, redes sociales e impresión: la guía de tamaños de favicons y logos.
Copia los archivos del paquete en la carpeta principal de tu sitio y agrega cuatro líneas a la sección head de cada página.
Con los archivos en la carpeta raíz (donde está la página de inicio), estas líneas indican a los navegadores, a los teléfonos y a Google dónde encontrarlos. Usa los nombres de archivo de tu paquete:
<link rel="icon" href="/favicon.ico">
<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="manifest" href="/site.webmanifest">Los creadores de sitios web y las plataformas de tiendas online tienen, en su lugar, una opción para el icono del sitio: sube ahí el PNG de 512 px.
Google puede mostrar tu favicon junto a tus páginas en sus resultados de búsqueda. Sus directrices piden un icono cuadrado enlazado desde la página de inicio, recomiendan que supere los 48 x 48 px y exigen que Googlebot pueda obtenerlo.
Un favicon es el logo de una empresa en su versión más pequeña y reconocible, y por eso resulta útil mucho más allá de la pestaña del navegador.
Muestra el icono de cada sitio junto a su enlace en un CRM, una página de marcadores, una lista de integraciones o un informe semanal.
Una pestaña del navegador, la pantalla de inicio de un teléfono o una diapositiva con las herramientas que usa un equipo parecen reales con el icono propio de cada sitio.
Mira en grande todos los iconos que sirve tu sitio, sobre fondo claro y oscuro, y qué tipos tiene: icono de pestaña, Apple touch icon, iconos de app e icono de pestaña fijada.
Reúne los iconos actuales de un cliente antes de un rediseño y entrégale después un paquete de favicons recién hecho a partir del nuevo logo.
Los iconos cuadrados pequeños se alinean con orden en una cuadrícula de socios, plugins u opciones de pago, cada uno en su ficha.
Un pequeño icono cuadrado identifica de un vistazo cada fila de una lista de proveedores, de un stack tecnológico o de un plan de proyecto.
Logos completos para una fila de clientes, todos equilibrados en tamaño: el creador de muros de logos. Un icono limpio y transparente a partir de un logo con recuadro blanco: la herramienta para quitar el fondo de un logo.
Suelta tu logo en el recuadro y descarga Favicons: el paquete centra el logo en un cuadrado, la forma que espera cualquier espacio para iconos, y todos los tamaños de arriba salen de ese único archivo.
Un icono de pestaña mide solo 16 píxeles de ancho, así que un símbolo o una sola letra del logo se lee mejor que un nombre completo. Las versiones Blanco y Cualquier color crean un icono claro o del color de tu marca con un clic, y el convertidor de logo a SVG te da un vector del símbolo para empezar.
¿Escribes para desarrolladores o propietarios de sitios web? Enlaza esta página siempre que hables de favicons.
Copia el fragmento de abajo o cita la herramienta así: Proofscene, “Descargar favicon gratis”, proofscene.com, 2026.
<a href="https://proofscene.com/es/herramientas/descargar-favicon/">Descargar favicon gratis</a>Respuestas claras sobre los favicons: cómo descargarlos, dónde los guardan los sitios, en qué tamaños vienen y cómo crear el tuyo.
Pregúntanos lo que quierasPega la web en la herramienta para descargar favicons. Lee el icono de pestaña del sitio, su Apple touch icon, sus iconos de aplicación web y su icono de pestaña fijada de Safari, muestra cada uno en grande con su tamaño y te permite descargar cualquiera de ellos en PNG o ICO, o el paquete de favicons completo.
Elige el icono más grande que tenga el sitio. El Apple touch icon suele medir 180 px y los iconos de aplicación web llegan a 512 px, mucho más nítidos que un icono de pestaña de 16 px, y algunos sitios tienen también un icono SVG nítido a cualquier tamaño. Para el logo completo de la empresa, usa el Buscador de logos.
Donde indique la sección head de la página: una etiqueta link señala cada archivo de icono, a menudo en varios tamaños. Muchos sitios guardan también un favicon.ico en la raíz y enumeran sus iconos de app en un site.webmanifest. La herramienta lee todo esto y revisa las ubicaciones habituales de la raíz cuando una página no indica ningún icono.
Un favicon es el pequeño icono cuadrado que una web muestra en las pestañas del navegador, los marcadores y el historial, y junto a sus páginas en los resultados de Google. Suele ser el símbolo o la primera letra del logo, dibujado para leerse bien a 16 píxeles.
Sí. Cada icono que declara el sitio aparece en su propia ficha con su tipo y su tamaño en píxeles: el icono de pestaña, el Apple touch icon, los iconos de aplicación web y el icono de pestaña fijada. Descarga el que quieras o llévate el conjunto completo como paquete de favicons.
Sí. Suelta tu logo en esta página y descarga Favicons: un favicon.ico, un .ico con todos los tamaños de 16 a 256 px, PNG de 16, 32, 48, 180, 192 y 512 px, un site.webmanifest y las líneas HTML para la sección head de tu página, todo creado en tu navegador.
Porque un icono de pestaña es diminuto, a menudo de 16 a 48 px. Para un icono más nítido, elige el Apple touch icon del sitio o uno de sus iconos de aplicación web, que son mucho más grandes, o consigue el logo completo con el Buscador de logos.
Sí. Puedes buscar webs sin registrarte, y una cuenta gratuita desbloquea más búsquedas. Crear un paquete de favicons a partir de tu propio logo es gratis e ilimitado.
¿Te resulta útil esta herramienta?
Proofscene convierte hojas de prueba en pruebas 3D interactivas en tu propio enlace con tu marca, para que tus clientes vean sus tarjetas, su packaging y sus pulseras antes de que se fabriquen.
Cuenta gratuita · Sin tarjeta de crédito · Hecho por gente de imprenta