Herramientas creativas sin fricción
EN

Sin registro · Sin subir nada · Al instante

El favicon de cualquier web, a partir de su dominio

Escribe un dominio y ve su icono en varios tamaños, compáralo entre fuentes y llévate la URL o el código <img> listo para pegar. Útil para directorios de enlaces, dashboards y listas de recursos, y con modo lote para consultar hasta 30 dominios de una vez.

Modo lote: hasta 30 dominios de una vez

Se consultan de seis en seis para no saturar el servicio: los resultados van llegando.

Cómo encuentra un navegador el favicon

Una página puede declarar iconos mediante <link rel="icon"> en su <head>, usar la ruta convencional /favicon.ico o definir iconos de aplicación en un manifest. Esta herramienta no rastrea esas declaraciones: compara las imágenes que devuelven Google y DuckDuckGo con una petición a la ruta clásica. Las copias de los servicios pueden estar desactualizadas o mostrar un icono de respaldo. Para revisar tu implementación completa, comprueba también el HTML y el manifest de tu sitio.

Tamaños que conviene conocer

TamañoDónde se usa
16 × 16Pestañas del navegador y listas de marcadores.
32 × 32Pantallas de alta densidad y accesos directos de escritorio.
48 × 48Iconos de sitio en Windows y algunos resultados de búsqueda.
180 × 180El apple-touch-icon de la pantalla de inicio de iOS.
192 / 512Los que pide el manifest de una aplicación web (PWA).
SVGUn solo archivo que escala a todo y admite modo oscuro.

Buenas prácticas al incrustar favicons de terceros

  • Carga perezosa siempre. Un directorio con cien enlaces son cien peticiones de imagen: con loading="lazy" solo se piden las que entran en pantalla.
  • Ancho y alto fijos. Declara width y height en cada <img> para que la lista no salte mientras cargan los iconos.
  • Un respaldo propio. El snippet de arriba incluye un onerror que pinta un avatar con la inicial del dominio si el icono no carga, la lista nunca queda con huecos rotos.
  • Texto alternativo. Un alt del estilo «Favicon de wikipedia.org» mantiene la lista legible para lectores de pantalla.

¿Lo que necesitas es el favicon de tu propia web? Elige uno hecho en la galería de favicons SVG, monta uno con un emoji en la galería de emojis, o sigue la guía para crear tu favicon desde cero.

Preguntas frecuentes

¿Qué es un favicon y para qué sirve?

El icono pequeño que identifica a un sitio en pestañas, marcadores, historial y algunos resultados de búsqueda. Ayuda a reconocer la web de un vistazo y transmite cuidado por los detalles.

¿Por qué no basta con pedir /favicon.ico?

Muchos sitios ya no lo guardan en esa ruta: lo declaran con etiquetas <link>, en PNG o SVG, o dentro de un manifest. Los servicios externos pueden devolver una copia disponible aunque esa ruta no exista, pero esta consulta no confirma dónde se declaró ni si es la versión actual.

¿Qué formatos y tamaños se usan?

El .ico puede contener varias resoluciones; el PNG se usa en 16, 32, 48 y 180 píxeles, y los manifests piden 192 y 512. El SVG escala a cualquier tamaño con un solo archivo.

¿Puedo mostrar el favicon de otra web en la mía?

Como referencia junto a un enlace (lo que hacen buscadores y gestores de marcadores) suele considerarse uso referencial. Aun así, el logo tiene titular: no lo presentes como propio ni sugieras una relación que no existe. Ante dudas comerciales, consulta a un profesional.

¿Por qué no hay botón de descarga directa?

Los servicios públicos de favicons no dejan que otra web lea la imagen desde el navegador (sin CORS), así que un botón de descarga automática mentiría. Abre el icono a 256 px en otra pestaña y guárdalo con clic derecho, o copia su URL.

Si te resolvió algo, a alguien de tu equipo también le sirve.

Compartir