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 favicon tools

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.