Generador de favicones

Generador de favicon gratuito. Convierta una imagen o emoji en favicons de todos los tamaños (16, 32, 180, 192, 512 px) con esquinas y fondo redondeados, descárguelos al instante, sin necesidad de registrarse.

Construido y mantenido por Shehzad Munir ·

Generador de favicones
Loading Favicon Generator
Share

Un ícono, de todos los tamaños

Cree un favicon a partir de cualquier imagen o emoji y descargue todos los tamaños que necesite, pestañas de navegador de 16 px, ícono táctil de Apple de 180 px e íconos PWA de 192/512 px, con esquinas redondeadas y un color de fondo.

Los sitios modernos necesitan favicons en varios tamaños, un pequeño ícono de 16 px para las pestañas del navegador, un ícono táctil de Apple de 180 px para las pantallas de inicio de iOS e íconos de 192 px y 512 px para los manifiestos de Android y PWA. Este generador representa tu imagen o emoji en cada tamaño en un lienzo, para que obtengas íconos nítidos en un solo lugar sin software de diseño.

Características

  • Generar a partir de una imagen cargada o un emoji
  • Todos los tamaños: 16, 32, 48, 64, 180, 192, 512px + descargar todo
  • Esquinas redondeadas, relleno y fondo personalizado
  • HTML listo para copiar <enlace> y fragmento de manifiesto
  • Icono táctil de Apple y tamaños de PWA, se ejecuta localmente

Cómo utilizar Generador de favicones

  1. 1

    Elige una fuente

    Elige un emoji o sube una imagen cuadrada.

  2. 2

    Dale estilo

    Establezca un color de fondo y alterne las esquinas redondeadas.

  3. 3

    Avance

    Consulta las vistas previas de 16, 32 y 64 píxeles.

  4. 4

    Descargar tamaños

    Descargue cada tamaño que necesite para su sitio.

Casos de uso comunes

  • Crear un favicon para un nuevo sitio web
  • Crea un favicon emoji para un proyecto paralelo
  • Genera iconos táctiles de PWA y Apple
  • Actualizar el ícono de pestaña de un sitio rápidamente

guía detallada

Favicones emoji en segundos

¿Aún no tienes logotipo? Elige un emoji, elige un color de fondo y esquinas redondeadas, y tendrás un favicon distintivo al instante. ¿Prefieres tu propia obra de arte? Sube una imagen cuadrada y se escalará a todos los tamaños. Todo se genera en tu navegador, por lo que tus imágenes nunca salen de tu dispositivo.

¿Qué tamaños de favicon necesitas realmente?

Los navegadores modernos necesitan muchos menos archivos de lo que sugieren las guías más antiguas. Un favicon.ico que contiene imágenes de 16×16, 32×32 y 48×48 píxeles cubre las pestañas del navegador y el software heredado. Se utiliza un ícono táctil de manzana PNG de 180 × 180 cuando alguien guarda su sitio en la pantalla de inicio de un iPhone o iPad. Para Android y aplicaciones web instalables, agregue archivos PNG de 192 × 192 y 512 × 512 al manifiesto de su aplicación web. Un favicon SVG es opcional pero se escala perfectamente y puede cambiar de color para el modo oscuro. Coloque favicon.ico en la raíz de su sitio, ya que algunos navegadores lo solicitan allí incluso sin una etiqueta de enlace.

Diseñando un ícono que se lea a 16 píxeles

Un favicon se muestra alrededor de 16 píxeles en una pestaña del navegador, por lo que los detalles desaparecen. Utilice una sola letra en negrita, un símbolo simple o su logotipo en lugar de un logotipo completo con texto. El fuerte contraste y las formas gruesas sobreviven mejor al escalamiento; las líneas finas y los degradados se vuelven borrosos. Compruébelo con los temas claros y oscuros del navegador, porque un ícono oscuro puede desaparecer en una barra de pestañas oscura. Los favicons emoji son una opción rápida para prototipos y sitios personales, pero se representan de manera diferente en cada sistema operativo, así que use una imagen real para una marca.

Preguntas frecuentes

¿Qué tamaños de favicon necesito?

Como mínimo, 32 × 32 para las pestañas del navegador, un ícono táctil de Apple de 180 × 180 para iOS e íconos de 192 × 192 y 512 × 512 para Android y manifiestos de PWA. Esta herramienta los exporta todos.

¿Puedo hacer un favicon a partir de un emoji?

Sí. Cambie al modo emoji, escriba cualquier emoji, elija un fondo y esquinas redondeadas y descárguelo en todos los tamaños.

¿La imagen de origen debería ser cuadrada?

Sí: una imagen cuadrada da el mejor resultado ya que los favicons son cuadrados. Las imágenes que no son cuadradas se escalan para ajustarse.

¿Se cargan mis imágenes?

No. Todo se representa localmente en su navegador y no se envía nada a un servidor.

¿Cómo creo un favicon a partir de una imagen?

Cargue un PNG, JPG o SVG (o use texto/emoji) y la herramienta generará favicon.ico más todos los tamaños PNG, el ícono táctil de Apple y los íconos de Android, con el fragmento HTML para pegar en su sitio.

¿Qué tamaños y archivos de favicon necesito para un sitio web?

Necesita favicon.ico, PNG de 16x16 y 32x32, un ícono táctil de Apple de 180x180 y íconos de Android 192/512, además de un manifiesto web. El generador genera el paquete completo listo para ser instalado.

¿Puedo crear un favicon a partir de texto o emoji?

Sí. Escribe una letra o pega un emoji, elige colores y formas y descarga un conjunto completo de favicon de varios tamaños.

De la revista

All articles →
How to Remove EXIF Metadata From Your PhotosTool Guides

How to Remove EXIF Metadata From Your Photos

Photos carry hidden data like GPS location and camera details. Here's why that matters for privacy and how to strip it before sharing.

SM
Shehzad Munir
Aug 19, 2026 · 3 min
What Is CPS? How to Test and Improve Your Click SpeedTool Guides

What Is CPS? How to Test and Improve Your Click Speed

CPS means clicks per second. Here's how it's measured, what a good score looks like, and how to test your own click speed for free.

SM
Shehzad Munir
Aug 17, 2026 · 3 min
How to Merge PDF Files for Free (Without Uploading Them)Tool Guides

How to Merge PDF Files for Free (Without Uploading Them)

Combine several PDFs into one document, reorder the pages, and keep everything private — no software and no server upload.

SM
Shehzad Munir
Aug 14, 2026 · 2 min