Imagen y Foto

Generador de favicon

Texto o emoji → favicon PNG en varios tamaños, con vista previa de pestaña.

  • Instantánea
  • Gratis
  • Privada (procesada localmente)
  • Sin registro
Vista previa
6464
3232
1616
Mi sitio ×

Un favicon en segundos

Sin editor de imágenes: escribe una letra o un emoji, elige los colores y la forma, y observa el resultado en una vista previa de pestaña realista. Luego descarga cada tamaño en PNG.

  1. Introduce el símbolo

    Una letra, dos caracteres o un emoji.

  2. Dale estilo

    Fondo, color del texto, forma cuadrada, redondeada o circular.

  3. Descarga

    Los PNG de 16, 32, 180 y 512 px, listos para la web.

Tamaños y sus usos

TamañoUso
16×16Pestaña del navegador
32×32Favoritos, acceso directo
180×180Icono de inicio iOS (apple-touch-icon)
512×512Manifiesto PWA / pantalla de inicio Android

Todo se dibuja en tu navegador en un canvas: ninguna imagen se envía en línea.

Preguntas frecuentes

¿Qué es un favicon?

Es el pequeño icono que se muestra en la pestaña del navegador junto al título de la página, además de en favoritos e historial. Un buen favicon hace que tu sitio se reconozca de un vistazo entre decenas de pestañas.

¿Qué tamaños debo generar?

16×16 y 32×32 para la pestaña y los favoritos, 180×180 para el icono de inicio de iOS (apple-touch-icon) y 512×512 para el manifiesto PWA. Esta herramienta exporta esos tamaños directamente en PNG.

¿Cómo lo añado a mi sitio?

Pon la etiqueta en el <head>: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">. Añade una línea apple-touch-icon para iOS y declara los iconos en tu manifiesto para las PWA.

¿Puedo usar un emoji?

Sí: pega cualquier emoji en el campo de texto y se dibuja sobre el fondo elegido. Es una forma rápida de obtener un favicon colorido y expresivo sin software de dibujo.