Generador de favicon
- Los archivos no salen de tu dispositivo
- Se ejecuta en el navegador
- Gratis, sin registro ni marca de agua
Artwork
Preview
Actual pixels
Zoomed 16 px
Home screen
Files
- Rendering icons…
Paste into <head>
Upload the files to your site, then add these tags.
Cómo usar Generador de favicon
Crea un favicon sin una herramienta de diseño: escribe unas letras, elige un emoji o un icono de ocho colecciones de código abierto, y luego da estilo al fondo y a la forma. Obtienes el paquete completo (ICO, PNG, SVG, iconos de Apple y Android, manifiesto) creado en tu navegador.
- 1
En Diseño, elige Letras, Emoji o Icono.
- 2
Escribe de una a tres letras y elige una Fuente y un Grosor, escribe o elige un emoji (Ver todos los emoji abre la lista completa), o busca un icono como rocket o cloud y haz clic en él.
- 3
En Primer plano, define el Color y el Tamaño; en Estilo del icono, elige el Fondo, la Forma, el Radio de esquina y el Relleno.
- 4
Completa los Datos del sitio y los tamaños de Salida, y revisa las vistas previas de pestaña clara y oscura y la de la pantalla de inicio.
- 5
Haz clic en Descargar paquete (ZIP), sube los archivos a tu sitio y copia las etiquetas de Pegar en <head> en tu página.
Preguntas frecuentes
¿Se envía algo a un servidor?
No. Los iconos se dibujan en tu navegador. Las colecciones de iconos se cargan desde XTools solo cuando las abres o las buscas, así que la primera vez que uses una colección necesitas conexión.
¿Qué colecciones de iconos incluye?
Lucide, Tabler, Material Design, Phosphor, Remix Icon, Carbon, Heroicons y Font Awesome Brands. Lucide se carga primero; al buscar, Buscar en las 8 colecciones descarga el resto una sola vez (unos 13 MB).
¿Puedo usar los iconos en un sitio comercial?
Cada colección conserva su propia licencia de código abierto, así que revísala antes de usar un icono como logotipo. Font Awesome Brands son logotipos de otras empresas y no deben usarse como tu propia marca.
¿Por qué mi emoji se ve distinto en otra computadora?
Los emoji y las letras se dibujan con las fuentes de tu dispositivo, así que los archivos PNG e ICO muestran el estilo de emoji de tu sistema. favicon.svg los conserva como texto, así que el navegador de cada visitante los dibuja con sus propias fuentes.
¿Cuántas letras puedo usar?
De una a tres funciona mejor; el campo acepta hasta cuatro caracteres. Un texto más largo se reduce para caber en el icono, y los caracteres chinos o japoneses también funcionan.
¿El favicon puede tener un fondo transparente?
Sí: pon Fondo en Ninguno. El icono de Apple touch y el icono maskable siguen recibiendo un cuadrado blanco, porque las pantallas de inicio no muestran transparencia.