La herramienta

Crea tu kit de iconos en segundos

Elige tu fuente, ajusta el diseño y descarga el ZIP completo con el código HTML listo para pegar. Todo ocurre en tu navegador.

Generador de favicon

En línea Diseño, Multimedia y UI/UX

Iniciar sesión

Suelta tu imagen aquí o haz clic para explorar PNG, JPG, WebP, GIF, BMP o SVG · procesamiento local, sin subida

Archivos generados Descargar el kit completo (.zip)

Código para pegar en el <head> de tu sitio

0,0 0Me gusta 0Comentarios Todas las herramientas

¿Gratis o Premium?

La versión gratuita crea tu kit completo. Premium desbloquea todo el ecosistema Volade.

favicon.ico, PNG, SVG, maskable, manifest y código HTML — sin límiteGratis

100 % local, sin límite de tamaño de imagenGratis

Importación por URL, extracción del favicon de un sitio y proyectos ilimitadosPremium

Optimización de archivos e informe de compatibilidadPremium

Desbloquear Premium

Funciones

Mucho más que un simple favicon

Un kit de iconos completo

favicon.ico, PNG de 16 a 512 px, SVG vectorial, Apple Touch Icon, iconos maskable y manifest: cada archivo se genera con las dimensiones correctas, según los estándares de los navegadores, iOS y las PWA.

Descubrir los formatos

100 % local, 100 % privado

Tu logo se procesa en tu navegador. Ninguna imagen se sube, almacena o analiza: tus archivos nunca salen de tu dispositivo.

Política de privacidad

Vista previa en condiciones reales

Mira tu icono en una pestaña del navegador, en los favoritos y en las pantallas de inicio móviles antes de publicarlo.

Ver la vista previa

Cómo funciona

Crea tu favicon en tres pasos

Elige tu fuente

Importa una imagen, escribe un texto o unas iniciales, o pega un emoji: todo se hace localmente, nada se envía.

Personaliza el diseño

Fondo, degradado, forma, margen interior, zoom y rotación: encuentra el resultado perfecto, de 16 px a 512 px.

Genera y descarga

Descarga el ZIP completo con los PNG, el favicon.ico, el SVG, el manifest y el código HTML listo para pegar.

FAQ

Preguntas frecuentes

¿Qué es un favicon?

El favicon es el pequeño icono que aparece en la pestaña del navegador, los favoritos y el historial. También es la primera marca visual de tu sitio: lo hace reconocible al instante y refuerza tu imagen de marca. Un buen kit también cubre la pantalla de inicio móvil (Apple Touch Icon) y las aplicaciones web instalables (PWA).

¿Mis imágenes salen de mi dispositivo?

No. El generador funciona íntegramente en tu navegador: tu imagen se procesa localmente y ningún dato se sube, almacena o analiza en un servidor. Lo garantiza el propio funcionamiento de la herramienta, creada 100 % en JavaScript del lado del cliente.

¿Cuál es el tamaño ideal de un favicon?

No existe un único tamaño: cada superficie espera el suyo. La combinación de referencia es un favicon.ico con 16, 32 y 48 px (obligatorio para Internet Explorer y Windows), PNG de 16 y 32 px para la mayoría de navegadores, un favicon.svg para los modernos, un icono de 180 px para iOS e iconos de 192 y 512 px para las PWA de Android. El generador produce todas estas tallas automáticamente.

¿Cuál es la diferencia entre favicon.ico, PNG y SVG?

El ICO es el formato histórico de Windows: un contenedor multiresolución que agrupa varias miniaturas en un solo archivo. El PNG es el formato más universal para los navegadores modernos. El SVG es vectorial: se mantiene nítido en cualquier resolución, incluidos los pantallas HiDPI. Los tres se complementan y cubren la mayor compatibilidad posible.

¿Qué es un icono maskable (PWA)?

Un icono maskable llena todo el cuadrado proporcionado, sin zona transparente: Android aplica luego una máscara para las formas redondeadas o circulares. La zona de seguridad es un círculo central del 80 %: mantén el contenido esencial de tu logo al centro. El generador crea esta variante automáticamente, con la declaración purpose: maskable en el web manifest.

¿Cómo instalo mi favicon en mi sitio?

Descarga el kit, copia los archivos en la raíz de tu sitio y pega el código proporcionado en el <head> de tus páginas. En WordPress, insértalo desde el tema (header.php) o un plugin; en React, Next.js, Vite, Astro, Nuxt o SvelteKit, coloca las etiquetas en el componente head de tu framework. Los enlaces son los mismos.

¿Qué es el Apple Touch Icon?

Es el icono que usan iPhone y iPad para mostrar tu sitio en la pantalla de inicio, por ejemplo tras «Añadir a la pantalla de inicio» en Safari. Apple espera un PNG cuadrado de 180 px llamado apple-touch-icon.png, que el generador produce automáticamente.

¿Sigue siendo imprescindible el formato ICO?

Casi todos los navegadores modernos aceptan PNG y SVG, pero el ICO sigue siendo exigido por Windows, algunos navegadores antiguos y las herramientas de copia de seguridad de favoritos. Incluirlo no cuesta nada y garantiza una compatibilidad total: por eso el kit lo incorpora en múltiples tamaños.

¿El generador es realmente gratis?

Sí. La versión gratuita crea tu kit de iconos completo, sin cuenta y sin límites de uso. La suscripción Premium desbloquea las funciones avanzadas: importación por URL, extracción del favicon de un sitio existente, proyectos ilimitados, optimización de archivos e informe de compatibilidad.

¿Puedo usarlo para un sitio profesional?

Por supuesto. Los archivos generados son libres de derechos en tus proyectos: el kit está pensado para sitios de empresa, tiendas en línea, aplicaciones web y PWA. Con Premium también disfrutas de proyectos ilimitados, optimización automática e informes de compatibilidad para tus clientes.

Elegir el formato adecuado

Los formatos de iconos: comparativa

Cada superficie — navegador, iOS, Android, PWA — espera un formato y un tamaño concretos. Aquí tienes por qué conviene cubrirlos todos.

favicon.ico — la referencia

Un contenedor de Windows multiresolución (16, 32, 48 px) en un solo archivo. Imprescindible para Internet Explorer, Windows y los favoritos.

PNG — la base universal

El formato de referencia de los navegadores modernos: los tamaños 16, 32, 48, 180, 192 y 512 px cubren Chrome, Firefox, Edge, iOS y Android.

SVG — el vectorial

Nitidez perfecta en todas las resoluciones, incluida HiDPI. Compatible con la mayoría de navegadores modernos en sustitución de las miniaturas PNG.

Maskable — la PWA

La variante «a sangre completa» exigida por Android para las aplicaciones web instalables: declarada con purpose: maskable, se adapta a todas las máscaras.

Generador de favicon en línea: local, gratuito y completo

El generador de favicon de Volade crea en segundos el kit de iconos completo que tu sitio necesita: un favicon.ico multiresolución, PNG de 16 a 512 px, un favicon.svg vectorial, el Apple Touch Icon para iOS, un icono maskable para las PWA y el web manifest asociado. Desde una imagen, un texto o un emoji, cada miniatura se genera con las dimensiones correctas y se empaqueta en un ZIP listo para desplegar con el código HTML de integración.

La herramienta funciona íntegramente en tu navegador: tu logo nunca sale de tu dispositivo, no se requiere cuenta y el procesamiento es instantáneo. Ideal para webmasters que preparan un sitio nuevo, creadores que lanzan una aplicación web instalable, comerciantes que editan una tienda y desarrolladores que quieren entregar una PWA impecable.

¿Por qué es indispensable un favicon?

El favicon es lo primero que ven tus visitantes: en la pestaña, los favoritos, el historial y la pantalla de inicio móvil. Sin él, tu sitio muestra un icono genérico vacío; con él, se vuelve reconocible al instante e inspira más confianza. También es una señal de profesionalismo: los sitios que cuidan su favicon proyectan una imagen más seria, un detalle que cuenta en un blog, una tienda o un SaaS.

Además, en 2026 un buen favicon es un requisito técnico: los buscadores y los directorios de aplicaciones se apoyan en estos iconos para mostrar resultados y las PWA los exigen para ser instalables. Ya no es un detalle, es un estándar.

favicon.ico, PNG, SVG: ¿qué formato elegir?

El enfoque correcto no es elegir un formato, sino ofrecerlos todos. El ICO multitalia (16, 32, 48 px) es el formato histórico de Windows; el PNG es el bloque universal de los navegadores modernos; el SVG, vectorial, ofrece una nitidez perfecta en pantallas HiDPI y pestañas ampliadas. El kit completa el conjunto con el Apple Touch Icon (180 px) y los iconos PWA (192 y 512 px), todo declarado en un manifest estándar.

En la práctica, cada navegador elige la declaración más adecuada: declarar varios formatos no ralentiza nada, pero garantiza la máxima compatibilidad. Es exactamente lo que genera la herramienta, con el código listo para pegar.

Iconos PWA y maskable: prepara una aplicación instalable

Una Progressive Web App se distingue de la página clásica por su instalabilidad: necesita un web manifest correcto e iconos con las dimensiones exigidas por Android y Chrome. El icono maskable llena todo el cuadrado para adaptarse a las máscaras de recorte (redonda, redondeada, cuadrada): la zona de seguridad es un círculo central del 80 %, por eso el generador añade automáticamente esta variante y su declaración purpose: maskable.

Con el manifest incluido (name, short_name, colores, iconos), tu aplicación se vuelve instalable con un clic en la pantalla de inicio. Un gran activo para fidelizar visitantes y convertir un sitio en aplicación.

Apple Touch Icon y Safari: brilla en iOS y macOS

En iPhone y iPad, Safari (y los navegadores iOS) muestran un icono dedicado en la pantalla de inicio: un PNG cuadrado de 180 px llamado apple-touch-icon.png. En macOS, Safari y los favoritos también usan estos iconos. Proporcionar un Apple Touch Icon cuidado garantiza un aspecto nativamente profesional en todo el ecosistema Apple, sin ningún ajuste adicional.

Un favicon optimizado, un activo para tu SEO

El favicon contribuye a la calidad percibida de tu sitio: páginas ligeras, iconos nítidos e identidad clara son señales positivas para tus visitantes y, por tanto, para tu posicionamiento natural. Con un PNG optimizado y un SVG evitas archivos innecesariamente pesados y mantienes un rendimiento impecable, también en móvil.

¿Quién puede beneficiarse?

Webmasters y agencias que preparan sitios para sus clientes; desarrolladores que entregan PWA instalables; comerciantes que quieren una tienda reconocible; blogueros y creadores que cuidan su marca; y cualquier propietario de un sitio que desee un resultado profesional en segundos.

Sea cual sea tu nivel, la herramienta es de una simplicidad total: imagen, texto o emoji, un vistazo a la vista previa y un clic para descargar. No se requiere registro para la versión gratuita.

Tus logos nunca salen de tu dispositivo

La mayoría de generadores de favicon en línea te piden subir tu logo a su servidor. Volade hace lo contrario: todo ocurre en tu navegador. Ninguna imagen sale de tu dispositivo y no se necesita cuenta para la versión gratuita.

Esta elección tiene dos beneficios inmediatos. Primero, la privacidad: tus logos, visuales y archivos de clientes nunca pasan por un tercero. Segundo, la velocidad y la simplicidad: sin espera de envío, el kit se genera al personalizar, sin límites de tamaño ni horario.

Una licencia premium, todas tus herramientas web

Tu suscripción Volade desbloquea todas nuestras herramientas web, además del navegador, el CMS, el escritorio y los scripts — en todos tus dispositivos.

Pasar a premium Ver las herramientas