Favicon-Generator
Erstelle Favicons in mehreren Formaten aus Text, Emoji oder Bildern
Gib Text oder Emoji ein, um die Vorschau zu sehen
Schnellbeispiele:
So verwendest du dein Favicon
1. Lade deine Favicons herunter
Empfohlenes Minimal-Setup:
- 32×32 PNG - Umbenennen in favicon.png (am häufigsten)
- SVG - Umbenennen in favicon.svg (moderne Browser, skalierbar)
Optional (für bessere Abdeckung):
- 16×16 PNG - Umbenennen in favicon.ico (alte Browser)
- 180×180 PNG - Umbenennen in apple-touch-icon.png (iOS-Startbildschirm)
2. Füge sie zu deiner Website hinzu
Platziere die Dateien im Root- oder Public-Verzeichnis deiner Website und füge diese Tags im HTML-Head hinzu:
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Tipps
- Verwende einfache, kräftige Designs, die bei kleinen Größen funktionieren
- Emojis eignen sich hervorragend für schnelle, erkennbare Icons
- SVG wird für moderne Browser empfohlen (skalierbar & kleine Dateigröße)
- Verwende kontrastreiche Farben für bessere Sichtbarkeit