Herramientas creativas sin fricción

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

Cuando visitas una página, el navegador busca el icono en un orden concreto: primero las etiquetas <link rel="icon"> declaradas en el <head> —puede haber varias, con distintos tamaños y formatos—, después el archivo /favicon.ico en la raíz del dominio, la convención heredada de los años noventa, y por último los iconos que declare el manifest si la página es una aplicación web. Los servicios de resolución como los que compara esta herramienta hacen ese mismo recorrido por ti, guardan el resultado en caché y lo sirven como imagen simple: por eso funcionan aunque el sitio no tenga el .ico clásico.

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 de resolución siguen todas esas pistas y devuelven una imagen aunque el .ico clásico no exista.

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