Ein Bild. Jeder Bildschirm.

Favicon aus Text erstellen

Kleine Icons. Ein bleibender Eindruck.

Ein Favicon aus Buchstaben oder Initialen erstellen. Schrift und Farben wählen, kleine Größen prüfen und ein Icon-Paket herunterladen.

PNG ICO PWA

Erstelle dein Icon-Paket

Mach aus deinem Bild Favicons, App-Icons und mehr.

1Hochladen
2Anpassen
3Herunterladen

Warten auf ein Bild

Bild

Text

Buchstaben oder Initialen

Schriftart

Textfarbe

Textgröße

Wird verarbeitet…

16 × 16

32 × 32

48 × 48

180 × 180

192 × 192

512 × 512

Passe dein Icon an

Stimme den Look für jeden Bildschirm ab.

Bildanpassung

Hintergrund

Transparent

Einfarbig

#FFDE59

Innenabstand6%

Eckenradius0%

ICO-Größen (Mehrfachauswahl möglich)

256

Im Kontext ansehen(Bild hochladen, um dein Icon zu sehen)

Browser-Tab

https://example.com

iOS-Startbildschirm

Dein Icon hier

PWA / Android

Dein Icon hier

So erstellst du ein Favicon in 3 Schritten

Von einem Bild zu einem vollständigen Icon-Satz.

1Buchstaben oder Initialen

Ein Favicon aus Buchstaben oder Initialen erstellen. Schrift und Farben wählen, kleine Größen prüfen und ein Icon-Paket herunterladen.

2Anpassen und Vorschau prüfen

Wähle Bildanpassung, Hintergrund und Innenabstand. Prüfe das Ergebnis in kleinen Größen.

3Herunterladen und zur Website hinzufügen

Exportiere dein Icon-Paket, lade die Dateien auf deine Website und füge die Icon-Links ins HTML ein.

Ein Logo, bereit für jeden Bildschirm

Sieh nach, wofür die erzeugten Dateien verwendet werden.

Website-Favicon

Meine Website×

16 × 16

32 × 32

Icons mit 16 × 16 und 32 × 32 helfen Besuchern, deine Website in Tabs und Lesezeichen zu erkennen.

iPhone & iPad

Meine Website

180 × 180

Verwende ein Apple-Touch-Icon mit 180 × 180, wenn deine Website zum Startbildschirm hinzugefügt wird.

PWA & Android

App installieren

192 × 192

512 × 512

192 × 192 und 512 × 512 sind gängige Bildgrößen für Web-App-Manifeste.

Was steckt in deinem Icon-Paket?

Ein gebrauchsfertiges Set von Icons für alle Plattformen.

favicon.ico16 × 16, 32 × 32, 48 × 48, 256 × 256
apple-touch-icon.png180 × 180
icon-192.png192 × 192
icon-512.png512 × 512
site.webmanifestWeb-App-Manifest

Icons zur Website hinzufügen

Füge diese Links im <head> deines HTML ein.

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">