Vistas previas fieles al píxel
Cada vista previa se renderiza a su tamaño real, de 16 a 256 píxeles, más una vista ampliada de 16×16. Lo que ves es exactamente lo que muestran los navegadores.
16
24
32
48
64
Generador de favicon: crea un favicon online gratis, con SVG, PNG, ICO e iconos de app
Generador de favicon
Diseña tu favicon
Elige un punto de partida, ajústalo hasta que te convenza y mira cómo se actualizan todos los tamaños en directo. Luego descarga SVG, PNG, ICO e iconos de app.
Texto
Uno o dos caracteres funcionan mejor a tamaños pequeños.
Fuente
Grosor
Espaciado entre letras0
Cargando…
Empieza con una plantilla
20 estilosVistas previas a tamaño real
16×16, ampliado 6×El tamaño que decide si un favicon funciona. Si la forma se lee aquí, se lee en todas partes.
En su contexto
Mi sitio
Nueva pestaña
yoursite.com
Exportar
.ico, SVG, PNG de 16–512 px, iconos de Apple y Android y un web manifest
Código de instalación
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Descomprime en la carpeta raíz de tu web y pega esto dentro del <head>.
Por qué FavMint
Hecho para el lienzo más pequeño de la web
Un favicon es una primera impresión de 16 píxeles. FavMint te da los controles para diseñarlo bien y las vistas previas para demostrar que funciona.
Míralo donde vivirá
Pestañas claras y oscuras, un resultado de búsqueda y la pantalla de inicio de un móvil. Detecta problemas antes que tus visitantes.
FavMint — Estudio de favicon
Letras, iconos, símbolos
Escribe una letra o tus iniciales en 12 fuentes seleccionadas, elige entre más de 2.100 iconos de código abierto o parte de 20 símbolos pensados para tamaños diminutos.
Todos los controles, nada de desorden
Degradados, rotación, bordes, márgenes, opacidad, sombras y posición exacta, agrupados en cuatro pestañas sencillas.
Privado por diseño
Sin registro, sin subidas y sin píxeles de rastreo en tus archivos. Todo se genera en tu navegador.
El paquete completo en un clic
Un .ico multitamaño, un SVG nítido, iconos de Apple y Android, un web manifest y el HTML exacto para pegar. El texto se convierte en contornos vectoriales, así que tu SVG se ve igual en todas partes.
- favicon.ico
- favicon.svg
- favicon-32x32.png
- apple-touch-icon.png
- android-chrome-512x512.png
- site.webmanifest
Deshacer, remezclar, compartir
Historial completo para deshacer, un botón Sorpréndeme para ideas nuevas y enlaces para compartir que guardan tu diseño en la propia URL.
Creador de logos
Convierte tu favicon en un logo a juego
Logotipos de texto, iniciales, monogramas y combinaciones de icono + nombre. Trae tu favicon, elige un diseño y exporta un SVG limpio.
Mintly
AKATELIER KAI
north
Guía del generador de favicon
Un generador de favicon gratis pensado para el lienzo más pequeño de la web
FavMint es un generador de favicon gratis y un diseñador de favicons que funciona por completo en tu navegador. Puedes crear un favicon online en un par de minutos, a partir de una sola letra, tus iniciales, un icono o un símbolo, y descargar todos los archivos que necesita una web moderna: SVG, PNG, ICO, iconos de Apple touch, iconos de app para Android y un web manifest. No hay que crear una cuenta, no hay marca de agua y no se sube nada a ningún servidor. Cuando termines, el mismo diseño pasa a nuestro creador de logos gratis, para que tu favicon y tu logo combinen desde el primer día.
¿Qué es un favicon y por qué importa?
Un favicon es el pequeño icono de sitio web que aparece en las pestañas del navegador, los marcadores, el historial, los resultados de búsqueda y la pantalla de inicio del móvil cuando alguien guarda tu web. Suele ser lo primero que un visitante ve de tu marca, y se muestra a solo 16 o 32 píxeles. Un icono borroso o genérico hace que una web parezca inacabada y que tu pestaña sea difícil de encontrar entre decenas. Un favicon claro y reconocible hace lo contrario: refuerza tu marca cada vez que alguien cambia de pestaña y ayuda a que tu resultado destaque en Google, que muestra el favicon junto al título de tu página.
Cómo crear un favicon online en cuatro pasos
- 1
Elige un punto de partida
Escribe una letra o tus iniciales, busca entre más de 2.100 iconos de código abierto, elige uno de los 20 símbolos o empieza desde una plantilla.
- 2
Dale estilo
Elige una forma de fondo, un relleno sólido o degradado y una fuente, y ajusta el tamaño, la rotación, el margen, el borde y la sombra.
- 3
Compruébalo a tamaño real
Mira vistas previas en directo de 16 a 256 píxeles, amplía la cuadrícula de 16×16 y ve tu icono en pestañas, resultados de búsqueda y la pantalla de inicio de un móvil.
- 4
Descarga e instala
Exporta un SVG, PNG o el paquete completo, copia los archivos en la raíz de tu web y pega el HTML ya preparado.
Cada cambio se aplica al instante y tu trabajo se guarda automáticamente en el navegador. Deshacer y rehacer ilimitados, un botón Sorpréndeme para ideas nuevas y enlaces que guardan todo el diseño en la URL te permiten experimentar sin perder una versión que te gustó.
Un diseñador de favicons pensado para tamaños diminutos
La mayoría de los generadores de iconos simplemente reducen una imagen grande y esperan que salga bien. FavMint funciona al revés. Cada vista previa se renderiza a su tamaño real en píxeles, así que lo que ves es exactamente lo que mostrará el navegador. Una vista ampliada de 16×16 revela si los trazos finos desaparecen o las letras se emborronan, y los avisos de legibilidad te alertan de poco contraste, demasiados caracteres o glifos que faltan antes de que lo noten tus visitantes. Tienes ocho formas de fondo, como squircle, círculo, hexágono, escudo y hoja, rellenos sólidos y degradados lineales y radiales, 12 fuentes seleccionadas y control preciso de la posición y el espaciado.
Generador de favicon con exportación SVG, PNG e ICO
Cada navegador y dispositivo busca un archivo distinto, así que FavMint los exporta todos. Como generador de favicon con salida SVG, convierte el texto en contornos vectoriales antes de exportar, por lo que tu favicon SVG se ve idéntico en cualquier ordenador, aunque no tenga instalada la fuente elegida. Con un clic descargas un paquete ZIP listo para usar que contiene:
favicon.icoicono multitamaño de 16, 32 y 48 px para navegadores antiguos y Windowsfavicon.svgun favicon vectorial escalable que se ve nítido en cualquier pantallaapple-touch-icon.pngicono de 180×180 para la pantalla de inicio de iPhone y iPadandroid-chrome-192x192.png y 512×512iconos para Android y aplicaciones web progresivassite.webmanifestel manifiesto que indica a los móviles qué icono de app usarExportaciones PNG11 tamaños de 16 a 1024 píxeles, para tiendas de apps, perfiles sociales y documentación
El paquete también incluye un README y las etiquetas HTML exactas para pegar en el <head> de tu página. Sube los archivos a la raíz de tu web, añade las etiquetas y tu favicon funcionará en Chrome, Safari, Firefox, Edge, iOS y Android.
Generador de iconos de app y creador de iconos web en uno
El mismo diseño que funciona a 16 píxeles también tiene que verse bien a 512 o 1024. FavMint sirve además como generador y creador de iconos de app: exporta PNG de alta resolución para una aplicación web progresiva, una ficha en una tienda de apps, una extensión de navegador, un espacio de Discord o Slack o una foto de perfil en redes sociales. Como todo se dibuja primero en vectores, cada tamaño se renderiza nítido en lugar de escalarse desde un único mapa de bits. Tanto si necesitas un creador de iconos web para un proyecto nuevo como un juego de iconos coherente para un producto existente, diseñas una vez y exportas para todo.
Un creador de logos gratis que combina con tu favicon
Un favicon rara vez va solo. El creador de logos de FavMint es un creador de logos online y gratis que recoge el favicon que acabas de diseñar y lo convierte en un logo de marca completo. Elige un logotipo de texto, unas iniciales, un monograma o un diseño de icono + nombre, escribe el nombre de tu marca y exporta un SVG o PNG limpio a 1×, 2× o 4×. Es un creador de logos personalizados sencillo para startups, desarrolladores independientes, creadores y pequeños negocios que quieren un aspecto profesional sin contratar a un diseñador ni pagar una suscripción. Como el resto de FavMint, el creador de logos es gratis y online, sin registro y sin marca de agua.
Privado, rápido y gratis
FavMint no tiene backend. El renderizado, la conversión a PNG, la codificación ICO y el empaquetado ZIP ocurren en tu dispositivo, así que tus diseños nunca se suben ni se guardan en nuestros servidores. Eso también hace que la herramienta sea rápida: no hay colas ni esperas a que responda un servidor. Los iconos provienen del conjunto de código abierto Lucide (licencia ISC) y las fuentes usan la SIL Open Font License, así que todo lo que crees es tuyo, también para proyectos comerciales.
Consejos para un favicon que destaque
- Limítate a uno o dos caracteres o a un solo símbolo contundente. El detalle desaparece a 16 píxeles.
- Usa un contraste fuerte entre el símbolo y el fondo para que se lea en pestañas claras y oscuras.
- Llena el espacio. Un margen pequeño hace que el icono se vea seguro y no perdido.
- Usa los colores de tu marca para que el favicon, el icono de app y el logo parezcan de la misma familia.
- Revisa la vista previa de 16×16. Si se lee ahí, se lee en todas partes.
¿Listo para probarlo? Abre el generador de favicon de arriba y crea tu favicon online en minutos, gratis.
Precios
Gratis. De verdad.
Todo se ejecuta en tu dispositivo, así que no hay servidores que pagar ni nada que esconder tras un muro de pago.
Gratis
0 €para siempre
El estudio completo. Sin cuenta, sin marca de agua y sin trampa.
- Favicons y logos ilimitados
- Paquete completo: ICO, SVG, PNG, iconos de Apple y Android
- Más de 2.100 iconos, 12 fuentes, 20 símbolos, 20 plantillas
- Uso comercial: los archivos son tuyos
- Funciona por completo en tu navegador
Colaborador
Tú eligespago único
La misma herramienta y las mismas funciones. Colabora para que FavMint siga siendo gratis y sin anuncios.
- Todo lo del plan Gratis
- Nuestro agradecimiento sincero
- Ayuda a financiar nuevas fuentes, iconos y formas
Preguntas frecuentes
Preguntas sobre favicons y logos, respondidas
Todo lo que necesitas saber para crear, dimensionar e instalar un favicon, y para diseñar un logo de marca que perdure.
Lo básico del favicon
Un favicon (de "favorite icon", icono favorito) es el pequeño icono cuadrado que representa a un sitio web. Los navegadores lo muestran en pestañas, marcadores e historial, Google lo muestra junto a tus resultados de búsqueda y los móviles lo usan cuando alguien añade tu web a la pantalla de inicio.
En una web, el favicon es un pequeño archivo de imagen, como favicon.ico, favicon.svg o un PNG, al que la página enlaza con una etiqueta link rel="icon" en el head del HTML. El navegador lo descarga y lo muestra allí donde se identifica el sitio, para que los visitantes reconozcan tu web entre las pestañas abiertas de un vistazo.
Empieza con algo que se lea a 16 píxeles: una o dos letras, tus iniciales o un solo símbolo contundente. En FavMint, escribe una letra o elige uno de los más de 2.100 iconos, escoge una forma de fondo y unos colores, compruébalo en la vista previa de 16×16 en directo y descarga los archivos. Sin software de diseño ni registro.
Usa un generador de favicon como FavMint: diseña tu icono en el navegador y exporta el paquete completo con un clic. Crea favicon.ico, favicon.svg, PNG en 11 tamaños, iconos de Apple touch y Android, un web manifest y el HTML para pegar en tu web, todo generado en tu dispositivo.
Usa SVG como favicon principal porque se ve nítido en cualquier tamaño, más un favicon.ico (16, 32 y 48 px) como respaldo para navegadores antiguos y Windows. Añade un PNG apple-touch-icon de 180×180 para iPhone y PNG de 192×192 y 512×512 para Android. El paquete de FavMint incluye todos ellos.
Sí. Todos los navegadores modernos admiten favicons PNG. Enlázalos con una etiqueta rel="icon" que indique type="image/png" y el tamaño, por ejemplo sizes="32x32". El PNG también es obligatorio para los iconos de Apple touch y Android. Para la máxima compatibilidad, combina los PNG con un SVG y un favicon.ico.
Las pestañas del navegador muestran los favicons a 16×16 y 32×32 píxeles, así que diseña primero para esos tamaños. Incluye también 48×48 dentro del favicon.ico, 180×180 para el Apple touch icon y 192×192 y 512×512 para Android y los manifiestos de apps web. Un favicon SVG cubre todos los tamaños con un solo archivo.
Sube los archivos del favicon a la carpeta raíz de tu web y añade etiquetas link en el head de cada página: una rel="icon" para favicon.ico, otra para favicon.svg y una rel="apple-touch-icon" para apple-touch-icon.png. FavMint te da este código listo para copiar. Si el icono antiguo sigue en caché, fuerza la recarga de la página.
Diseño de logos
Decide primero un estilo: un logotipo de texto (tu nombre en una fuente distintiva), unas iniciales, un monograma o un icono junto a tu nombre. Después elige uno o dos colores y una fuente legible. El creador de logos gratis de FavMint crea los cuatro diseños a partir de tu favicon, para que tu logo y el icono de tu web combinen, y exporta SVG y PNG.
Ten claro qué debe transmitir tu marca, mantén el diseño sencillo y limítate a una o dos fuentes y una paleta de colores reducida. Boceta varias direcciones, pruébalas en blanco y negro y a tamaños pequeños, y pide opiniones sinceras. Guarda siempre una versión maestra vectorial (SVG) para que escale bien en cualquier sitio.
Un buen logo es sencillo, memorable y distintivo. Se lee igual en un favicon de 16 px que en una valla publicitaria, funciona en un solo color, encaja con su público y su sector, y sigue vigente durante años en lugar de perseguir modas. Aplicado de forma coherente, se vuelve reconocible al instante.
Usar FavMint
Sí. El generador de favicon, todos los formatos de exportación y el creador de logos son gratis, sin marca de agua, sin límites y sin registro.
No. Abre el estudio y empieza a diseñar. Tu trabajo se guarda automáticamente en el navegador y puedes copiar un enlace para retomarlo en cualquier sitio.
No. El renderizado, la conversión a PNG, el archivo .ico y el paquete ZIP se crean en tu dispositivo. No se envía nada a ningún servidor.
El paquete cubre todos los navegadores y dispositivos modernos: favicon.ico para compatibilidad antigua, favicon.svg para un escalado nítido, apple-touch-icon.png para la pantalla de inicio del iPhone, iconos de Android y un web manifest. Copia la carpeta en la raíz de tu web y pega el código de instalación.
Sí. FavMint es un generador de favicon con salida SVG: descarga un favicon.svg escalable, copia el código SVG o encuéntralo dentro del paquete completo junto a los PNG e ICO.
Sí. El paquete incluye un Apple touch icon de 180×180, iconos de Android de 192×192 y 512×512 y un web manifest, así que el mismo diseño funciona como icono de app en la pantalla de inicio de iPhone y Android.
Sí. Todo lo que creas es tuyo. Los iconos vienen de Lucide (licencia ISC) y las fuentes son de código abierto (SIL Open Font License), ambas válidas para uso comercial.
No pasará. FavMint convierte el texto en contornos vectoriales antes de exportar, así que tu SVG se ve igual en cualquier equipo, aunque no tenga la fuente instalada.
Uno o dos caracteres o un solo símbolo contundente, buen contraste y una forma sencilla. Usa la lupa de 16×16: si se lee ahí, se lee en todas partes.
Tu web se merece una pestaña mejor
Dos minutos, cero registros, todos los archivos que necesitas.