favicon.ico multamaño
Fotogramas PNG reales de 16, 32 y 48 píxeles dentro de un contenedor ICO válido.
Estudio de iconos web
Crea un favicon claro incluso a 16 píxeles
Parte de una imagen, texto, icono, SVG o Identicon. Compruébalo en una pestaña real y descarga el paquete web completo, generado localmente y sin subir archivos.
16·32·48tamaños dentro del ICO7archivos listos0imágenes subidas
Encuentra automáticamente el mejor encuadre cuadrado.
Lo ideal es usar entre uno y tres caracteres. También puedes usar emojis.
Populares
Comunicación
Multimedia
Desarrollo
Trabajo
Naturaleza
Herramientas
Formas
o pegar el código
Lee localmente SVG, iconfont.js descargado o marcado Symbol. Varios símbolos se convierten en un conjunto seleccionable.
Iconos
Colores del diseño
Usa solo diseños propios o con licencia. Los archivos se procesan únicamente en esta pestaña.
El mismo texto siempre crea el mismo icono; ideal para perfiles, equipos y entornos.
Generado localmente con Jdenticon. La semilla nunca sale de esta pestaña.
Se usa en el manifiesto web generado.
Composición del primer plano
Sombra
Solo se aplica donde la plataforma no añade su propia máscara. iOS y los iconos adaptativos de Android se enmascaran en el sistema.
Apariencias de Apple
iOS 18+Las variantes se generan automáticamente. Puedes sustituir cada diseño; Tinted se exporta en escala de grises como exige Apple.
Vista previa
La máscara más restrictiva de los lanzadores Android. Define la zona segura: todo lo que quede fuera del círculo inscrito se recorta.
Todo lo que quede fuera del círculo puede ser recortado por la máscara del lanzador de Android.
La generación ocurre por completo en esta pestaña, sin subir archivos. Los navegadores compatibles guardan las funciones ya usadas para reutilizarlas sin conexión.
Una descarga para todas las superficies web
Web viene preseleccionado. El ZIP incluye favicon, iconos de inicio y PWA, además del código exacto para enlazarlos.
Apple Touch + PWA
Icono Apple de 180px opaco, tamaños 192/512 y una variante maskable con zona segura.
HTML + manifiesto incluidos
Se generan el fragmento link y site.webmanifest usando el nombre del proyecto.
Instálalo en tres pasos
- Diseña la marca y revisa sobre todo el pequeño icono de la pestaña.
- Descarga favicon-pack.zip y copia el contenido de web al directorio público.
- Pega favicon-snippet.html en head, enlaza el manifiesto y recarga sin caché tras publicar.
Los píxeles pequeños exigen otro criterio
Mira el tamaño real
Un diseño perfecto a 512px puede convertirse en ruido a 16px. La vista de navegador lo revela antes de descargar.
No es un PNG renombrado
ICO es un contenedor: cada tamaño se renderiza y se registra por separado.
Privacidad estructural
Renderizado, escalado, empaquetado ICO y ZIP ocurren en esta pestaña; ninguna petición contiene tu diseño.
Web
- La plataforma recorta un icono PWA maskable igual que un icono adaptativo de Android, por lo que se aplica la misma zona segura central. Si el icono llena todo el lienzo, perderá los bordes.
- apple-touch-icon no debe tener transparencia: iOS lo compone sobre negro y las zonas transparentes aparecen como manchas negras en la pantalla de inicio.
- Un favicon.ico moderno sigue incluyendo variantes de 16, 32 y 48 píxeles en un solo archivo; los navegadores y las superficies del sistema usan tamaños distintos.