Generador de Favicon

El Generador de Favicon crea favicons desde texto (20 Google Fonts), emoji (más de 100 opciones) o imágenes. Genera todos los tamaños estándar (16x16 a 512x512), archivos ICO multi-tamaño, Apple Touch Icons e íconos Android Chrome, además de meta tags HTML y código site.webmanifest. Todo se procesa en el navegador.

70%
16px
32px
48px
64px
Tamaños Generados
16×16Browser tab (small)
32×32Browser tab (standard)
48×48Windows site shortcut
64×64Windows taskbar
96×96Google TV
180×180Apple Touch Icon
192×192Android Chrome
512×512Android splash / PWA
HTML
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
site.webmanifest
{
  "name": "",
  "short_name": "",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}

¿Tienes una sugerencia?

Solicita una nueva herramienta o sugiere mejoras — ¡únete a nuestra comunidad en Slack!

Dejar feedback en Slack

¿Qué es un Generador de Favicon?

Un Generador de Favicon es una herramienta que crea íconos pequeños (favicons) mostrados en pestañas del navegador, marcadores y pantallas de inicio móviles. Esta herramienta permite crear favicons desde texto, emoji o imágenes y genera todos los tamaños estándar necesarios.

Cómo Usar el Generador de Favicon

  1. Elige el método de entrada: pestaña Texto, Imagen o Emoji
  2. Para texto: ingresa 1-3 caracteres, elige una fuente y configura colores y forma
  3. Para emoji: navega por las categorías y selecciona un emoji
  4. Para imagen: arrastra y suelta o haz clic para subir tu logo
  5. Previsualiza tu favicon en varios tamaños con fondos claro u oscuro
  6. Descarga tamaños individuales o todos a la vez, incluyendo favicon.ico

Preguntas Frecuentes

¿Qué tamaños necesito para un favicon?

Como mínimo necesitas 16x16 y 32x32 para pestañas del navegador, 180x180 para Apple Touch Icon y 192x192 más 512x512 para Android y PWA.

¿Qué es un archivo favicon.ico?

Un favicon.ico es un formato de ícono multi-tamaño que contiene versiones 16x16, 32x32 y 48x48 en un solo archivo.

¿Mi imagen se sube a un servidor?

No. Todo el procesamiento ocurre 100% en tu navegador usando la API Canvas. Tus imágenes nunca salen de tu dispositivo.

¿Puedo crear un favicon a partir de texto?

Sí. Ingresa 1-3 caracteres, elige entre 20 Google Fonts, establece los colores del texto y fondo, y selecciona una forma (cuadrado, redondeado o círculo). La herramienta genera todos los tamaños de favicon a partir de tu diseño de texto.

¿Mi imagen se sube a algún servidor?

No. Todo el procesamiento ocurre 100% en tu navegador usando la Canvas API. Tus imágenes y favicons nunca salen de tu dispositivo. Puedes verificarlo en la pestaña Network de DevTools.

Herramientas Relacionadas