Descargar el favicon de cualquier web

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?

  • Gratis, sin registro
  • .ico y PNG de 16 a 512 px
  • Apple touch icon
  • Manifiesto de aplicación web

Tu logo en 3D

Creando tu logo 3D…
0:00

Arrastra el logo para girarlo.

Animación

Fondo

Acabado

Colores y forma

Colores

Bordes

Grosor

Sonido

Cierre

Vista previa gratis. Descarga con una cuenta gratuita.

Cómo descargar el favicon de una web

Tres pasos. Sin extensiones de navegador, sin código y sin cuenta.

  1. Pega la web

    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.

  2. Elige un icono

    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.

  3. Descárgalo o llévate el paquete completo

    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.

¿Qué iconos tiene una web?

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.

IconoDónde se veTamañoCómo lo declara el sitio
FaviconPestañas del navegador, marcadores, historial y junto al sitio en los resultados de GoogleCuadrados pequeños, como 16, 32 y 48 px; Google recomienda que superen los 48 x 48 px para sus resultados de búsquedarel="icon" o el archivo /favicon.ico
Apple touch iconPantallas de inicio del iPhone y el iPad180 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 webPantallas de inicio de Android, aplicaciones web instaladas y sus pantallas de presentación192 y 512 px: los navegadores basados en Chromium necesitan los dos para instalar una aplicación webSe indican en el site.webmanifest
Icono de pestaña fijada de SafariPestañas fijadas de Safari en macOSUn SVG de un solo color, nítido a cualquier tamañorel="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.

Dónde buscan los navegadores el favicon

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.

Consigue todos los tamaños

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.

¿Qué incluye el paquete de favicons?

Todos los archivos de icono que necesita una web, creados a partir de un solo icono o logo, en una sola descarga.

ArchivoQué esPara qué sirve
favicon.icoUn archivo de icono con los tamaños pequeñosEl archivo que los navegadores piden a una web en /favicon.ico. Un ICO puede contener varios iconos en un solo archivo.
icon-256.icoUn archivo de icono con todos los tamaños de 16 a 256 pxAccesos 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 pxPNG cuadrados pequeños con fondo transparentePestañas del navegador, marcadores y accesos directos, en pantallas normales y de alta resolución
PNG de 180 pxEl Apple touch iconPantallas de inicio del iPhone y el iPad
PNG de 192 pxUn icono de aplicación webPantallas de inicio de Android y aplicaciones web instaladas
PNG de 512 pxEl icono grande de aplicación webPantallas de instalación y de presentación, y cualquier lugar donde haga falta un icono cuadrado grande
favicon.svgEl icono como vector, cuando el logo tiene versión vectorialPestañas nítidas a cualquier tamaño en los navegadores que leen iconos SVG
site.webmanifestUn pequeño archivo de textoIndica a Android y a las aplicaciones web instaladas dónde están los iconos de 192 y 512 px
add-to-your-head.htmlLas líneas para la sección head de tu páginaCó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.

¿Cómo se agrega un favicon a una web?

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.

¿Para qué se descargan favicons?

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.

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.

Mockups y diapositivas

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.

Revisión de tu propio 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.

Agencias y freelancers

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.

Cuadrículas de integraciones y socios

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.

Documentos y hojas de cálculo

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.

Crea un favicon a partir de tu propio 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.

Enlaza esta herramienta

¿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>

Preguntas sobre favicons

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 quieras
¿Cómo puedo descargar el favicon de cualquier web?

Pega 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.

¿Cómo descargo un favicon en alta resolución?

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.

¿Dónde se guarda el favicon de una web?

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.

¿Qué es un favicon?

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.

¿También puedo descargar el Apple touch icon y los iconos de app?

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.

¿Puedo crear un paquete de favicons a partir de mi propio logo?

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.

¿Por qué un favicon se ve borroso al ampliarlo?

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.

¿Es gratis esta herramienta para descargar favicons?

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?

Tu logo en 3D, en todo lo que imprimes

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