Generador de Favicon

Convierte una imagen, texto, emoji o SVG en un paquete de favicon completo: favicon.ico, todos los tamaños PNG y el HTML para pegar. 100% en tu navegador, sin subir nada.

Vista previa en vivo

Elige una entrada para ver la vista previa de tu favicon.

Los iconos de Apple y maskable no pueden ser transparentes: iOS muestra los transparentes como un cuadrado negro. Este color sólido también será tu theme-color.

Todo se ejecuta en tu dispositivo — sin subidas, sin registro.

Por qué importa un favicon

Un favicon es el pequeño icono de la pestaña del navegador, la barra de marcadores y el historial. Es la pieza de marca más pequeña que posees, y los usuarios la ven en cada visita.

En una fila de más de 10 pestañas abiertas, un sitio sin favicon muestra un icono en blanco y desaparece. Un favicon claro es tu único ancla visual en esa multitud y recupera el clic.

Un favicon también transmite pulcritud. Un icono ausente se lee como "sin terminar", por eso todo sitio serio pasa su logo por un generador de favicon antes de lanzarse.

¿Qué es un generador de favicon?

Un generador de favicon es una herramienta que toma una fuente —una imagen, texto, emoji o SVG— y produce todos los archivos e iconos de tamaño que un sitio necesita, más el HTML que los enlaza.

Los sitios modernos necesitan más de 7 archivos: favicon.ico, PNG de 16 y 32 px, un Apple Touch Icon de 180 px, iconos de Android de 192 y 512 px y un site.webmanifest. Exportar cada uno a mano es lento y propenso a errores.

Este generador de favicon reduce todo a un solo paso y se ejecuta 100% en tu navegador con el mismo motor que nuestro conversor de PNG a ICO. Tu imagen nunca se sube y no hay registro.

AbsvgP512 · 32 · 20 · 16 px

Cómo usar este generador de favicon en 4 pasos

Hacer un favicon aquí toma menos de un minuto.

1234Elige tu entradaPrevisualiza cada tamañoGenera el paqueteCopia el HTML
1

Elige tu entrada

Elige una pestaña: Imagen, Texto, Emoji o SVG. Sube un logo, escribe iniciales, pon un emoji o pega código SVG.

2

Previsualiza cada tamaño

El generador renderiza 16, 32, 180, 192 y 512 px al instante. Mira la casilla de 16 px: las líneas finas desaparecen ahí.

3

Genera el paquete

Haz clic en Generar. La herramienta crea favicon.ico, todos los tamaños PNG, el Apple Touch Icon, los iconos de Android y site.webmanifest en un ZIP.

4

Copia el HTML

Pega las etiquetas link generadas en tu head, sube los archivos a la raíz de tu sitio y listo.

Consejo: Diseña primero para 16 px. Si tu marca se lee al tamaño de pestaña, se lee en todas partes: empieza con una fuente nítida o una conversión de PNG a ICO.

Todo se queda en tu navegador

La mayoría de los generadores de favicon suben tu imagen a un servidor. Tu obra —a menudo un logo sin publicar— queda en la máquina de otro. Este procesa todo localmente, así nada sale de tu dispositivo.

Como no hay ida y vuelta al servidor, no hay límites: genera todos los favicon que quieras, gratis, sin marca de agua y sin cuenta.

PP16 px ✓

Un generador de favicon cubre todas las fuentes:

  • Logo a favicon
  • Favicon de texto / iniciales
  • Favicon emoji
  • SVG a favicon
  • favicon.ico para navegadores antiguos
  • Iconos PWA y Android

Cuatro formas de crear un favicon

Empieza con lo que tengas: el paquete de salida es idéntico.

§ 01

Desde una imagen

Sube un logo PNG o JPG cuadrado. El generador lo reduce con nitidez a cada tamaño necesario sobre relleno transparente.

§ 02

Desde texto o emoji

¿Sin logo aún? Escribe una o dos letras o pon un emoji, elige colores y forma, y ten un icono en segundos.

§ 03

Desde SVG

Pega código SVG: se entrega como el favicon SVG moderno (icon.svg) más PNG e ICO de respaldo para navegadores antiguos.

Generador de Favicon vs exportación manual

Este generadorManual (Photoshop / Figma)
TiempoMenos de 1 minuto15–30 minutos
Archivos producidos9, con nombre automáticoExportar cada uno a mano
favicon.ico (multitamaño)IntegradoNecesita un complemento
SVG + maskable + manifestIncluidoHazlo tú mismo
Fragmento HTMLCopiar y pegarEscríbelo tú mismo
Sube tu archivoNunca
CostoGratisSoftware de pago

Exportar a mano también arriesga nombres incorrectos: los navegadores esperan nombres exactos como apple-touch-icon.png, y un error tipográfico da un 404 silencioso.

Privado por diseño

Tu logo es sensible, sobre todo antes del lanzamiento. Este generador de favicon nunca lo sube, así que no puede registrarse, guardarse en caché ni filtrarse desde un servidor.

La conversión ocurre con la API Canvas en tu propio dispositivo. Cierra la pestaña y no queda nada.

§ 01

Sin subidas

Los archivos se leen y renderizan localmente. Nunca tocan nuestros servidores.

§ 02

Sin registro

Sin cuenta, sin correo, sin tarjeta: abre la página y genera.

§ 03

Sin límites

Favicons ilimitados, sin marca de agua, totalmente gratis.

Preguntas frecuentes

¿Este generador de favicon es realmente gratis?
Sí, totalmente gratis, iconos ilimitados, sin marca de agua. No hay plan de pago ni límite de archivos, porque el procesamiento ocurre en tu navegador, no en nuestros servidores.
¿Necesito una cuenta o tarjeta?
No. No hay registro, correo ni tarjeta. Abre la página y genera un favicon de inmediato.
¿Se suben mis imágenes a algún sitio?
No. Este generador de favicon funciona 100% en tu navegador, así que tu imagen nunca sale de tu dispositivo, incluso para logos sin publicar.
¿Qué tamaños y archivos produce?
favicon.ico (16/32/48), icon.svg para navegadores modernos cuando tu fuente es vectorial, PNG de favicon-16x16 y 32x32, un apple-touch-icon.png opaco (180 px), android-chrome de 192 y 512 px, un icon-mask.png maskable y site.webmanifest.
¿En qué se diferencia de favicon.io o RealFaviconGenerator?
La misma salida completa, pero sin subidas: todo el generador funciona localmente. Además obtienes el HTML para pegar y puedes empezar desde imagen, texto, emoji o SVG.
¿Qué imagen hace el mejor favicon?
Una imagen cuadrada y de alto contraste de 512×512 o mayor. Las formas simples y nítidas sobreviven a la reducción a 16 px; los logos detallados se emborronan.
¿Dónde pongo los archivos tras descargarlos?
Súbelos al directorio raíz de tu sitio, pega el HTML en tu head y recarga forzando para limpiar el icono en caché.

Genera tu favicon ahora

Convierte cualquier imagen, texto, emoji o SVG en un paquete de favicon completo: gratis, privado e instantáneo.

Abrir el generador de favicon
Generador de Favicon — Gratis · Sin subidas | PDFtoPNG