Saltar al contenido principal
Herramienta de diseño

Generador y editor de favicon

Crea favicons perfectos para todos los navegadores y dispositivos. Sube una imagen, escribe letras o elige un emoji; personaliza la forma, el fondo y los efectos, y descarga un paquete de favicon completo listo para instalar.

100 % local

Texto (1-3 caracteres)

Forma

Pestaña del navegador

My Website

Búsqueda de Google

yourwebsite.com

Your Website — Bienvenido a nuestro sitio web

Descubre nuestros productos y servicios. Te ofrecemos las mejores soluciones para lo que necesitas.

Barra de marcadores

Marcadores
My Site

Pantalla de inicio del móvil

📷
App
🎵
App
📧
App
You

Todos los tamaños

16
32
48
64
128
Código HTML para pegar
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<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="manifest" href="/site.webmanifest">
Más información

Todo sobre el Generador y editor de favicon

¿Por qué usar un generador y editor de favicons?

Diseña y genera paquetes de favicons con nuestro editor online gratuito. Crea favicons a partir de imágenes, texto o emoji. Descarga en un clic el ICO, los PNG, el Apple Touch Icon y el web manifest. Tanto para proyectos personales como para el trabajo o tareas puntuales, nuestra herramienta en el navegador lo resuelve al instante, sin instalación, sin registro y sin subir archivos a servidores externos. Todo se ejecuta localmente en tu navegador para una velocidad y una privacidad máximas.

Usos habituales

Dar a una web nueva su icono de pestaña, de marcador y de pantalla de inicio en todos los tamaños. Crear un favicon a partir de un logo, de una inicial o de un emoji cuando aún no tienes logo. Sustituir el icono por defecto de un CMS o de un framework. Preparar los iconos de una aplicación web instalable (PWA). Obtener un archivo .ico compatible con navegadores antiguos. Hacerlo sin Photoshop ni Figma.

Funciones y detalles técnicos

Todo el procesamiento se hace en tu navegador: no se sube ningún archivo a ningún servidor, lo que garantiza una privacidad total. Las imágenes se procesan en tu propio dispositivo con la API Canvas (y WebAssembly cuando hace falta), así que no hay que esperar ninguna subida. Eliges la configuración de salida antes de descargar, y el archivo original de tu dispositivo nunca se modifica.

Cómo funciona

Generador de favicon en 3 pasos

  1. Elige el origen

    Sube la imagen de un logo, escribe una letra o un texto corto, o elige un emoji. Cada modo te da un punto de partida distinto para tu favicon.

  2. Personaliza el diseño

    Ajusta la forma de cuadrado a círculo, añade un color o un degradado de fondo, afina el margen y, si quieres, añade un borde o una sombra.

  3. Descarga e instala

    Descarga el paquete de favicon completo (ZIP). Extrae los archivos en la raíz de tu web y pega el fragmento HTML en la etiqueta &lt;head&gt; de tu página.

Guías prácticas

Saca el máximo partido a la generación de favicons

Cómo funciona

Esta herramienta te permite generar favicons rápidamente, directamente en tu navegador y sin instalar nada.

Usa la interfaz de arriba, ajusta la configuración y obtén resultados al instante.

Rápido y fácil

Privacidad y seguridad

Tus archivos y tus datos nunca salen de tu dispositivo. Todo el procesamiento se hace en el navegador.

No se envía ningún dato a ningún servidor: todo el procesamiento se hace localmente en tu navegador para una privacidad máxima.

100 % en el navegador
Preguntas frecuentes

Generador de favicon — Preguntas frecuentes

Todo lo que necesitas saber sobre nuestro generador de favicon