Paso 1
Ingrese uno o dos caracteres
Escribe una letra, una inicial corta o una cadena de emoji. La vista previa se actualiza a medida que edita el valor.
Generador de favicones
Crea un favicon simple a partir de una letra o emoji, ajusta los colores, las esquinas y exporta el tamaño, luego descarga un PNG o SVG para tu sitio web sin registrarte ni iniciar sesión.
Vista previa: 512 × 512pxEntrada: F
Marque la opción 16px o 32px antes de usar el ícono en una pestaña del navegador. Las descargas PNG y SVG se crean en este navegador.
Cómo crear un favicon
Paso 2
Ajusta el color, las esquinas y el tamaño
Elija los colores de primer plano y de fondo, establezca el radio de la esquina y seleccione el tamaño de exportación que necesita.
Paso 3
Inspeccionar y exportar
Compruebe la vista más pequeña deseada, luego descargue el PNG o SVG que coincida con el flujo de trabajo de su próximo sitio web.
Elige un tamaño y formato de Favicon
Utiliza el selector de tamaño para inspeccionar la misma marca simple en diferentes escalas. Estas son exportaciones individuales, así que elija el archivo que coincida con el siguiente paso de su flujo de trabajo.
16px y 32px para pestañas del navegador
Utiliza las opciones más pequeñas para comprobar si una letra o un emoji siguen siendo reconocibles en una pestaña o en un espacio del tamaño de un marcador.
48px para un respaldo de navegador más grande
Una exportación de 48 píxeles te ofrece una versión más grande para inspeccionar cuando el ícono necesita más espacio que una vista previa de pestaña pequeña.
180px para flujos de trabajo con íconos táctiles
Elija 180px cuando necesite un recurso táctil más grande para continuar con la configuración de su propio sitio.
512px para una exportación maestra
La opción más grande conserva más escala para un flujo de trabajo de seguimiento; sigue siendo un único PNG o SVG, no un paquete de plataforma.
PNG o SVG para el siguiente paso
PNG es un archivo de mapa de bits común. SVG sigue siendo escalable para flujos de trabajo de diseño y web compatibles. Ambas son acciones de descarga reales en esta página.
Mantener un Favicon claro en tamaños pequeños
Un favicon tiene muy poco espacio para los detalles. Revise el resultado en el tamaño deseado antes de agregarlo a un sitio o compartirlo con un colaborador.
Mantén la forma simple
El texto breve, un solo símbolo y una silueta limpia son más fáciles de reconocer cuando el ícono se reduce a 16px.
Usar contraste visible
Elija un primer plano y un fondo con una separación clara, luego verifique la vista previa en superficies claras y oscuras del navegador.
Compruebe el tamaño de exportación seleccionado
Confirma el selector de tamaño antes de descargar para que una verificación de 16 píxeles no se confunda con un recurso maestro más grande.
Agregar el Favicon a un sitio web
Después de la descarga, haga que el archivo esté disponible en una ruta pública y dirija el encabezado de su página al nombre de archivo exacto. El siguiente ejemplo es intencionalmente mínimo.
Coloque el archivo descargado en su raíz pública
Coloque el PNG o SVG donde su sitio pueda servirlo, como un directorio público o estático. La carpeta exacta depende de su sistema de compilación.
Agregar un enlace de ícono básico
Utilice un enlace principal coincidente, por ejemplo: <link rel="icon" href="/favicon.svg" type="image/svg+xml">. Reemplace la ruta con su nombre de archivo implementado.
Comprueba la ruta y el caché del navegador
Si el favicon no se muestra, abra el archivo URL directamente, inspeccione la ruta principal HTML y fuerce la actualización después de la implementación.
Privacidad y alcance
Este es un creador de favicons de emoji y texto enfocado. Saber lo que hace y lo que no hace mantiene claras las expectativas de producción.
Renderizado en tu navegador
La vista previa utiliza el navegador Canvas y el archivo SVG se ensambla en la página. No es necesario registrarse ni iniciar sesión.
Texto y emoji solo en esta versión
La entrada actual acepta hasta dos caracteres. No es una carga de imágenes, un conversor de SVG, un recortador de logotipos ni un verificador de favicon.
PNG y SVG, no es un paquete completo
Las salidas disponibles son PNG y SVG. Los archivos ICO, ZIP, manifiesto, Apple, Android y PWA están fuera del alcance de esta página.
Privacidad y límites
Esta vista previa del favicon de texto y emoji se dibuja en tu navegador. No es necesario registrarse ni iniciar sesión, y esta página no carga una imagen ni crea un paquete de iconos del lado del servidor.
- • La entrada actual es solo texto o emoji y lee hasta dos caracteres.
- • La herramienta exporta un tamaño PNG o SVG seleccionado a la vez.
- • No crea paquetes favicon.ico, ZIP, manifiesto, Apple, Android o PWA.
- • No carga imágenes, recorta logotipos, genera HTML automáticamente ni implementa archivos en un sitio web.
- • La representación de emojis y fuentes puede variar entre sistemas operativos y navegadores.
Preguntas frecuentes
¿Este generador de favicon es gratuito y necesito una cuenta?
La herramienta es de uso gratuito en línea y no requiere registro ni inicio de sesión. Crea la vista previa en la sesión actual del navegador.
¿Puedo crear un favicon a partir de texto o emoji?
Sí. Ingresa una o dos letras, iniciales o una cadena de emoji. La herramienta actual está diseñada para favicons de texto y emoji simples en lugar de cargas de imágenes.
¿Puedo descargar los archivos PNG y SVG?
Sí. Elija un tamaño de exportación y luego descargue un PNG o SVG. Esta página no crea favicon.ico, ZIP, manifiesto ni paquetes de plataforma completos.
¿Qué tamaños de favicon están disponibles?
El selector de tamaño incluye 16, 32, 48, 180 y 512 píxeles. Son opciones de exportación individuales, no un paquete de varios archivos generado automáticamente.
¿Cómo agrego un favicon a HTML?
Coloque el PNG o SVG descargado en una ruta pública, luego agregue un elemento de enlace coincidente como <link rel="icon" href="/favicon.svg" type="image/svg+xml"> dentro del encabezado de su documento. Actualice la ruta para que coincida con su archivo.
¿Por qué no se muestra mi favicon?
Abra el archivo de ícono URL directamente, verifique la ruta del enlace y el nombre del archivo en su encabezado HTML, luego actualice o borre el caché del navegador. También confirme que el archivo esté implementado en la ruta que solicita su página.
¿Esto crea favicon.ico o un paquete de favicon completo?
No. Este generador enfocado exporta archivos PNG y SVG únicamente. Los paquetes ICO, ZIP, manifiesto, Apple touch, Android y PWA requieren un flujo de trabajo de empaquetado independiente.
¿Está subido mi favicon?
La vista previa se dibuja con el navegador Canvas y el SVG se construye en la página. No se requiere ninguna cuenta ni carga de imágenes para este flujo de trabajo de texto y emoji.
Herramientas relacionadas
Continúa con otra herramienta basada en navegador.
Ct Imagen
Exportar el favicon en tamaños de icono exactos
Cambiar tamaño de icono
Sube un ícono PNG, JPG o WebP, elige un tamaño o porcentaje exacto, mantén sus proporciones, previsualiza el resultado y descarga un PNG. Gratis en línea sin registro ni inicio de sesión.
Cd Imagen
Convierte una marca SVG en PNG
Convertidor de SVG a PNG
Sube uno SVG, elige el tamaño PNG que necesitas, obtén una vista previa del resultado y descárgalo. Uso gratuito sin registro ni inicio de sesión.
Sd Herramientas de diseño gratuitas
Elige un color de favicon exacto
Selector de color
Elija un color visualmente o ingrese un valor HEX, luego ajuste RGB, HSL y opacidad. Obtenga una vista previa del resultado, compare tonos cercanos y copie el código de color exacto sin iniciar sesión.
Gd Herramientas de diseño gratuitas
Crea un código QR con la marca correspondiente
Generador de Códigos QR
Crea un código QR estático para una URL, mensaje de texto, correo electrónico, teléfono o red Wi-Fi. Obtenga una vista previa de la carga útil, ajuste los colores y descargue PNG o SVG en su navegador sin registrarse ni iniciar sesión.