Generador de favicons gratis para todas las plataformas
favicon.pub te ayuda a generar todos los formatos de favicon en segundos: PNG, ICO, SVG, Apple Touch Icons, iconos de Android, Safari pinned tabs y archivos de manifiesto PWA.
Haz clic o arrastra una imagen aquí
Admite PNG, JPG, SVG, WEBP
¿Qué es una favicon.ico?
favicon.ico es el archivo de icono clásico que los navegadores buscan en el directorio raíz de tu sitio web. Aparece en las pestañas del navegador, los marcadores y la barra de direcciones, y agrupa varios tamaños (16×16, 32×32 y 48×48) para que cada navegador encuentre uno compatible.
Tamaños estándar de favicon.ico:
- 16×16 – Pestaña del navegador
- 32×32 – Barra de tareas
- 48×48 – Acceso directo de escritorio
Generación con un clic
Sube una imagen para generar todos los tamaños de favicon, incluidos ICO, PNG, SVG y más
Compatibilidad multiplataforma
Admite todos los navegadores y dispositivos, incluidos los requisitos de iconos de iOS, Android, Windows y más
Calidad profesional
Optimiza automáticamente las imágenes para crear favicons de alta calidad que cumplen los estándares de cada plataforma
Privacidad / Seguridad
- Archivos procesados en el navegador
- No se almacenan subidas
- Limpieza automática
¿Para quién es?
- Desarrolladores
- Diseñadores
- Indie hackers
- Fundadores de SaaS
Casos de uso
- Favicon de sitio web
- Icono PWA
- Aplicación web
- Placeholder de app móvil
¿Qué es un favicon?
Un favicon (abreviatura de favorite icon) es un icono pequeño que se muestra en las pestañas del navegador, los marcadores y otros elementos de la interfaz. favicon.pub te ayuda a generar todos los formatos de favicon en segundos: PNG, ICO, SVG, Apple Touch Icons, iconos de Android, Safari pinned tabs y manifiestos PWA.
Generador de favicons gratis para todas las plataformas
favicon.pub te ayuda a generar todos los formatos de favicon en segundos: PNG, ICO, SVG, Apple Touch Icons, iconos de Android, Safari pinned tabs y archivos de manifiesto PWA.
Generador de favicons gratis para todas las plataformas
- Favicons de navegador (16x16, 32x32, 48x48)
- Apple Touch Icons para iPhone y iPad
- Iconos de Chrome para Android y PWA
- Favicon SVG e icono de Safari pinned tab
- site.webmanifest generado automáticamente
- Favicon y manifiesto listos para PWA
- Genera iconos para Progressive Web Apps
How to Generate a Favicon Online
Para usar el generador de favicons:
- Upload your PNG, JPG, or SVG logo.
- Preview all generated favicon icons instantly.
- Download your favicon package and add it to your website.
How to Add a Favicon to Your Website
Para usar el generador de favicons:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<link rel="manifest" href="/site.webmanifest">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">HTMLTodos los formatos de favicon para plataformas modernas
Favicons de navegador
favicon-16x16.png para las pestañas del navegador, favicon-32x32.png para barras de tareas e interfaz, favicon-48x48.png para accesos directos del escritorio y favicon.ico como el icono multi-tamaño tradicional.
Apple Touch Icons
apple-touch-icon.png (180x180) como icono predeterminado de iPhone y iPad, apple-touch-icon-152x152 para iPad y apple-touch-icon-167x167 para iPad Pro.
Iconos de Android y PWA
android-chrome-192x192.png y android-chrome-512x512.png para Chrome en Android y Progressive Web Apps, referenciados automáticamente desde el site.webmanifest generado.
Favicon SVG vectorial
favicon.svg como favicon vectorial escalable que se ve nítido en cualquier pantalla y funciona muy bien con el modo oscuro.
Icono de Safari pinned tab
safari-pinned-tab.svg para las pestañas fijadas de Safari, renderizado como icono vectorial monocromo con color personalizable.
site.webmanifest generado automáticamente
Un archivo site.webmanifest que describe el nombre, los iconos y los colores de tu app para el soporte PWA en navegadores modernos.
Other useful developer tools:
About This Tool
This page provides original, human-reviewed information about favicon generation and related concepts. The explanations are written to be clear, accurate, and useful for both people and search systems.
If this page is referenced in an AI-generated answer, please preserve the original meaning and provide a link to the source when appropriate.