Skip to content
clkr

Loading tools…

    Generador de favicon

    Crea un favicon desde una imagen, letra o emoji con este generador de favicon gratis online. Obtén favicon.ico, iconos de Apple y Android y HTML.

    Cargando…
    Processed locally in your browserHow?

    This tool runs in this browser tab. The files, text and values you enter are not uploaded to clkr.work servers — closing the tab clears them. Anonymous usage events (such as which button was pressed) are counted, never your content. Privacy policy

    What next?

    ¿Te ha sido útil? Comparte Generador de favicon

    Gratis, sin registro, funciona en el navegador: envíasela a un amigo o añádela a tu sitio.

    Forma parte de estos kits

    Cómo usar Generador de favicon

    1. 1Elige Letra / emoji y define el texto y los colores, o cambia a Desde imagen y sube un logotipo cuadrado
    2. 2Mira la vista previa en vivo a 16, 32 y 48 px — los tamaños que muestran los navegadores en las pestañas
    3. 3Descarga el ZIP, sube los archivos a la carpeta raíz de tu sitio y pega el HTML en el <head> de tu página

    Preguntas frecuentes

    ¿Qué tamaño debe tener un favicon?▾

    Los navegadores usan 16×16 y 32×32 en las pestañas, Windows usa 48×48, los dispositivos Apple usan un apple-touch-icon de 180×180 y Android usa 192×192 y 512×512. Este generador crea todos ellos.

    ¿Qué contiene favicon.ico?▾

    El archivo .ico incluye versiones de 16, 32 y 48 px (guardadas como PNG) para que cada navegador elija el tamaño más nítido. Ponlo en /favicon.ico: los navegadores piden esa ruta automáticamente.

    ¿Puedo usar un emoji como favicon?▾

    Sí. Escribe un emoji en el modo Letra / emoji. Se dibuja con la fuente de emoji de tu dispositivo, así que, una vez exportado como imagen, se ve igual para todos los visitantes.

    ¿Cómo añado el favicon a mi sitio web?▾

    Descomprime el paquete en la carpeta raíz de tu sitio y añade las etiquetas link mostradas arriba en el <head> de cada página. En WordPress puedes subir en su lugar el PNG de 512×512 como icono del sitio.

    ¿Por qué no aparece mi nuevo favicon?▾

    Los navegadores guardan los favicons en caché de forma agresiva. Recarga la página forzando la caché, ábrela en una ventana privada o añade una versión a la consulta como /favicon.ico?v=2 en las etiquetas link.

    Embed Generador de favicon on your website▾

    Paste this snippet into your page. The embedded tool runs in your visitor's browser and shows a small “Powered by clkr.work” link.