Next.js

Favicon for Next.js

Create a favicon package that can be placed in a Next.js app directory or public folder.

ICO PNG 16/32/180/192/512 site.webmanifest ZIP

Paquete ZIP listo

Descarga los 7 archivos favicon estándar para sitios modernos.

Soporte web y app

Incluye ICO, PNG pequeños, Apple touch icon y Android Chrome icons.

Conversión local

La imagen se redimensiona en tu navegador, sin subirla al servidor.

Sube tu imagen fuente

PNG, JPG, WEBP o SVG. Una imagen cuadrada 512x512 da mejor resultado.

Iconos de navegador

  • favicon.ico
  • favicon-16x16.png
  • favicon-32x32.png

Iconos móviles

  • apple-touch-icon.png
  • android-chrome-192x192.png
  • android-chrome-512x512.png

Manifest web app

  • site.webmanifest

Next.js setup workflow

  • Download the ZIP and copy icon files into the Next.js public folder or app icon locations.
  • Use favicon.ico and PNG icons for browser tabs, bookmarks, and social previews.
  • Add the manifest and HTML tags if your app uses PWA install metadata.

Related developer tools

Generador FaviconGenerador de iconos PWAApple Touch IconComprobador de faviconSelector de ColorBase64 a Imagen

Acerca de este convertidor favicon

Una configuración favicon completa necesita varios archivos para pestañas, marcadores, iOS, Android y PWA.

La herramienta crea un paquete estilo favicon.io: favicon.ico, PNG 16/32, Apple touch icon, Android Chrome icons y site.webmanifest.

FAQ

¿Qué imagen funciona mejor?
Usa un logo o icono cuadrado y simple, idealmente de 512x512 píxeles o más.
¿Por qué incluir favicon.ico?
El archivo ICO mejora la compatibilidad con navegadores antiguos y algunos contextos de marcadores o pestañas.
faq3Q
faq3A
faq4Q
faq4A