DE
PortuguêsEnglishEspañolDeutsch
Start Favoriten
Voltar

Favicon mit Buchstaben

Gib bis zu 3 Buchstaben ein, wähle Farben und Form und sieh, wie es im Browser-Tab aussieht. Lade das Paket mit favicon.ico, Icons für iPhone und Android und dem Code für den <head> herunter.

So geht’s

Favicon mit den Initialen

<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">

Verfügbar auf: PortuguêsEspañolEnglishDeutsch

Nächstes ToolEckbanderole und Badge in CSS (Ribbon und Badge)→
Werbung

Favicon mit Buchstaben: wofür es gut ist

Gib bis zu 3 Buchstaben ein und wähle die Schrift, die Form (Kreis, abgerundetes Quadrat oder Quadrat), die Farben und die Größe der Buchstaben. Die Vorschau zeigt das Icon im Browser-Tab mit 16 px, mit 48 px und auf dem iPhone.

Das .zip-Paket enthält favicon.ico mit 16, 32 und 48 px, PNGs für iPhone und Android, die site.webmanifest und den Code zum Einfügen in den head der Website.

So geht’s

  1. Gib die Initialen der Marke ein.
  2. Wähle Schrift, Form und Farben.
  3. Lade das Paket herunter und füge den Code in die Website ein.

Wann nutzen

  • Neue Websites, die noch kein Logo haben.
  • Blogs und persönliche Portfolios.
  • Provisorische Icons für Projekte.

Häufige Fragen

Was ist im Paket?

favicon.ico (16, 32 und 48 px), favicon-32x32.png, apple-touch-icon.png (180 px), Icons mit 192 und 512 px für Android und die site.webmanifest, dazu der Code zum Einfügen in den <head>.

Wie viele Buchstaben nutzen?

Einen oder zwei. Im Browser-Tab hat das Icon nur 16 Pixel, und drei Buchstaben sind schwer lesbar. Die Vorschau zeigt das Icon in echter Größe.

Ich habe schon ein Logo. Welches Tool nutze ich?

Nutze den Favicon-Generator aus Bild: Er erstellt dieselben Dateien aus deinem Logo.

Ist das wirklich kostenlos?

Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.

Ähnliche Tools

Vielen Dank für deine Hilfe!

Jede Spende hilft, die Website online zu halten. Die Tools sind dafür gemacht, dir zu helfen, aber wir haben Serverkosten. Wenn du helfen kannst, hilft das sehr! Wähle oder gib einen Betrag ein:

Sichere Zahlung über Stripe. Öffnet sich in einem neuen Tab.

Die Tools werden wie besehen und ohne Gewähr angeboten. Wir haften nicht für die Ergebnisse oder für deren Verwendung.