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

Package ZIP prêt

Télécharge les 7 fichiers favicon standards pour sites modernes.

Support navigateur et app

Inclut ICO, petits PNG, Apple touch icon et Android Chrome icons.

Conversion locale

L'image est redimensionnée dans votre navigateur, sans envoi serveur.

Importez l'image source

PNG, JPG, WEBP ou SVG. Une image carrée 512x512 donne le meilleur résultat.

Icônes navigateur

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

Icônes mobiles

  • 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

Favicon packagePWA iconsApple Touch IconNext.js faviconFavicon checker

À propos du convertisseur favicon

Une configuration favicon complète nécessite plusieurs fichiers pour onglets, favoris, iOS, Android et PWA.

L'outil crée un package type favicon.io : favicon.ico, PNG 16/32, Apple touch icon, Android Chrome icons et site.webmanifest.

FAQ

Quelle image fonctionne le mieux ?

Utilisez un logo ou une icône carrée simple, idéalement 512x512 pixels ou plus.

Pourquoi inclure favicon.ico ?

Le fichier ICO améliore la compatibilité avec les anciens navigateurs et certains favoris ou onglets.