Generador de favicon e iconos de app
Elige un icono o sube tu logo, escoge forma y colores, y descarga conjuntos de iconos listos para tu web, tu extensión de Chrome y tus apps de iOS y Android.
Descarga para tu plataforma
Todo se genera en tu navegador. Los archivos que subes no salen de tu dispositivo.
Archivos de este ZIP
- favicon.ico
- favicon.svg
- apple-touch-icon.png
- icon-192.png
- icon-512.png
- icon-maskable-512.png
- site.webmanifest
Archivos de este ZIP
- icons/icon16.png
- icons/icon32.png
- icons/icon48.png
- icons/icon128.png
Archivos de este ZIP
- AppIcon.appiconset/AppIcon-1024.png
- AppIcon-1024-dark.png
- AppIcon-1024-tinted.png
- Contents.json
Archivos de este ZIP
- res/mipmap-*/ic_launcher.png
- ic_launcher_round.png
- ic_launcher_foreground.png
- ic_launcher_monochrome.png
- mipmap-anydpi-v26/*.xml
- playstore-icon.png
Añade los iconos a tu web
Descomprime el conjunto para web en la raíz pública de tu sitio y pega estas cuatro líneas en el head de tus páginas.
Más herramientas gratis
Todas las herramientas- SVG a PNGPNG nítidos en cualquier tamaño, uno o cientos.
- PNG a SVGVectoriza un PNG o JPG en un vector limpio.
- PNG a ICOArchivos .ico de favicon con 16 a 256 px dentro.
- Favicon e iconos de appConjuntos para web, Chrome, iOS y Android.
- SVG a ReactComponentes JSX tipados, listos para pegar.
- Optimizador SVGSVG más ligeros sin perder nada visible.
- Sprite SVGMuchos iconos en un solo sprite.svg.
- Creador de stickersArchivos de stickers para WhatsApp y Telegram.
Preguntas
¿Qué archivos de favicon necesita una web?
Un favicon.ico con imágenes de 16, 32 y 48 px para navegadores y resultados de búsqueda, un favicon SVG para navegadores modernos, un Apple touch icon de 180 px e iconos de 192 y 512 px en un manifiesto web. El ZIP para web los incluye todos, además del HTML que debes añadir.
¿Por qué los iconos de iOS y Android ocupan todo el cuadrado?
Ambos sistemas recortan los iconos con su propia forma y no admiten esquinas transparentes. El generador rellena el cuadrado con tu color de fondo y mantiene el dibujo dentro de la zona segura, para que nada quede cortado.
¿Qué es un icono maskable?
Android y algunos navegadores recortan las apps web instaladas en círculos o cuadrados redondeados. El icono maskable mantiene el dibujo dentro del 80 % central de la imagen para que el recorte nunca lo corte.
¿Puedo usar mi propio logo?
Sí. Sube un SVG, PNG o JPG y se convierte en todos los tamaños directamente en tu navegador. El archivo no se envía a IconHub. Un SVG, o un PNG de al menos 512 px, da el resultado más nítido.
¿Puedo usar estos iconos en una app comercial?
Sí. Los iconos de IconHub son gratis para uso personal y comercial con atribución («Icons by IconHub»). Lo que subes sigue siendo tuyo.