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

Fertiges ZIP-Paket

Lädt die 7 Standard-Favicon-Dateien für moderne Websites herunter.

Browser- und App-Support

Enthält ICO, kleine PNGs, Apple Touch Icon und Android Chrome Icons.

Lokale Konvertierung

Die Bilder werden im Browser skaliert, ohne Server-Upload.

Quellbild hochladen

PNG, JPG, WEBP oder SVG. Ein quadratisches 512x512 Bild liefert das beste Ergebnis.

Browser Icons

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

Mobile Icons

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

Web App Manifest

  • 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

Über diesen Favicon-Konverter

Ein vollständiges Favicon-Setup benötigt mehrere Dateien für Tabs, Lesezeichen, iOS, Android und PWAs.

Das Tool erstellt ein favicon.io-ähnliches Paket: favicon.ico, PNG 16/32, Apple Touch Icon, Android Chrome Icons und site.webmanifest.

FAQ

Welches Bild funktioniert am besten?

Ein einfaches quadratisches Logo oder Icon, idealerweise mindestens 512x512 Pixel.

Warum favicon.ico einschließen?

ICO verbessert die Kompatibilität mit älteren Browsern und einigen Lesezeichen- oder Tab-Kontexten.