Generador de favicon

Cómo funciona

Cómo crear un favicon

Del logo al paquete terminado en menos de un minuto.

1
Elige el origen
Suelta un logo (PNG, JPG, SVG, WebP), escribe una o dos letras o elige un emoji.
2
Ajusta el aspecto
Define el fondo, la forma, el margen y los colores, y comprueba el resultado en la pestaña, el resultado de Google y la pantalla de inicio.
3
Descarga e instala
Descarga el ZIP, sube los archivos a la carpeta raíz de tu sitio y pega el HTML en la cabecera de tus páginas.

Por qué ToolCMB

Un origen, todos los iconos

Los archivos que de verdad piden los navegadores, los móviles y los buscadores.

Paquete completo

favicon.ico, PNG, SVG, icono Apple Touch, iconos de Android, icono maskable y manifiesto web en un solo ZIP.

Letras y emojis

¿Aún no tienes logo? Crea un icono limpio con una o dos letras o cualquier emoji, con tus colores y tu fuente.

Vistas previas realistas

Mira el icono en una pestaña clara y oscura, en un resultado de Google y en la pantalla de inicio de un móvil.

Listo para móviles

El icono Apple Touch lleva un fondo opaco y el icono maskable mantiene tu logo dentro de la zona segura.

Fondo y forma

Fondo transparente, de color o degradado; forma cuadrada, redondeada o circular; margen ajustable.

Tamaños pequeños nítidos

Las imágenes se reducen en varios pasos para que el icono de 16 px quede tan claro como permita el original.

HTML para pegar

Las etiquetas link coinciden con los archivos del paquete y usan la carpeta que indiques.

Privado

Tu logo se procesa en tu dispositivo. Nunca sale de tu navegador.

¿Qué tamaños y archivos de favicon necesita un sitio web en 2026?

Un favicon es el pequeño icono que los navegadores muestran en las pestañas, los marcadores y el historial, y que Google coloca junto a tu sitio en los resultados de búsqueda. Hace años bastaba con un favicon.ico de 16 × 16. Hoy el icono aparece también en la pantalla de inicio de los móviles, en las aplicaciones web instaladas y en pantallas de alta resolución, así que un sitio necesita un pequeño conjunto de archivos en lugar de uno solo.

El mínimo actual es breve: un favicon.ico con 16, 32 y 48 px para navegadores y herramientas antiguas, un SVG o un PNG de al menos 96 px para pestañas nítidas y para la Búsqueda de Google (que pide un icono cuadrado cuyo tamaño sea múltiplo de 48 px), un icono Apple Touch de 180 × 180 para iPhone y iPad, e iconos de 192 y 512 px declarados en un site.webmanifest para Android y las aplicaciones web instaladas.

Hay dos detalles que se pasan por alto con facilidad. iOS no admite transparencia en los iconos de la pantalla de inicio y rellena de negro las zonas transparentes, por lo que el icono Apple Touch debe tener un fondo opaco. Android puede recortar los iconos en forma de círculo o de cuadrado redondeado; un icono maskable mantiene lo importante dentro del 80 % central para que no se corte nada. Este generador se encarga de ambas cosas automáticamente.

Archivos de favicon y dónde se usan

Archivo	Tamaño	Lo usan
favicon.ico	16, 32, 48 px	Todos los navegadores, herramientas antiguas, lectores de feeds
favicon.svg	Escalable	Navegadores modernos (pestañas, marcadores)
favicon-96x96.png	96 × 96 px	Búsqueda de Google, pestañas de alta resolución
apple-touch-icon.png	180 × 180 px	Pantalla de inicio de iPhone y iPad
android-chrome-512x512.png	512 × 512 px	Android, apps web instaladas, pantalla de carga
maskable-icon-512x512.png	512 × 512 px	Iconos adaptables en Android

Consejos

Parte de una imagen cuadrada de 512 px o más, o de un SVG. Si tu logo es más grande o no es cuadrado, prepáralo con Redimensionar imagen.
Un logo con mucho detalle se convierte en una mancha a 16 px. Usa solo el símbolo o la inicial para el favicon y deja el logo completo para la cabecera.
Ya que estás añadiendo iconos, crea la imagen para compartir en redes sociales con el Generador de imágenes OG.
¿El logo está sobre un recuadro blanco o de color? Recórtalo antes con Quitar fondo de imagen para obtener un favicon transparente.

Preguntas frecuentes

¿No encuentras tu respuesta? Escríbenos: respondemos rápido.

¿Qué tamaño debe tener un favicon?

Ya no existe un único tamaño. Los navegadores usan de 16 a 48 px, la Búsqueda de Google quiere un múltiplo de 48 px, iOS usa 180 px y Android 192 y 512 px. El paquete los incluye todos.

¿Sigo necesitando un archivo favicon.ico?

Sí, como opción de reserva. Algunos navegadores, lectores de feeds y herramientas piden directamente /favicon.ico, así que tener el archivo en la carpeta raíz evita errores de icono no encontrado.

¿Dónde subo los archivos del favicon?

Ponlos en la carpeta raíz de tu sitio web, junto a la página de inicio, y pega el HTML generado dentro del <head> de cada página. Si usas otra carpeta, indícala en «Carpeta de los iconos».

¿Por qué no aparece mi nuevo favicon?

Los navegadores guardan los favicons en caché durante mucho tiempo. Abre directamente la dirección del icono y recárgala, o prueba en una ventana privada. Google puede tardar de varios días a varias semanas en actualizar el icono en los resultados.

¿Puedo crear un favicon con texto o con un emoji?

Sí. Elige «Letras» o «Emoji», define los colores y la forma, y el generador crea además un pequeño favicon SVG que se ve nítido a cualquier tamaño.

¿Se sube mi logo a un servidor?

No. Los iconos se generan en tu navegador y el archivo ZIP se crea en tu dispositivo. El logo nunca se sube ni se almacena.

Vista previa

Archivos del paquete

HTML para tu sitio