Konfigurieren
Passen Sie Ihr Favicon-Design an.
Text eingeben oder Emoji wählen, Favicon exportieren
Text eingeben oder ein Emoji wählen, eine Google Font setzen und SVG, PNG oder ICO im Browser exportieren.
100% Kostenlos
Datenschutz zuerst
Sofortiger Export
Mehrere Formate
Flexibel anpassbar
Favicon-Beispiele
Klicken Sie auf ein beliebiges Beispiel, um dessen Konfiguration zu laden
Haftungsausschluss: Beispiele dienen nur zur Inspiration und können bestehenden Marken ähneln. Sie sind nicht mit oder von einer Firma unterstützt. logo87.com verletzt keine Markenrechte und ist nicht verantwortlich für benutzergenerierte Inhalte. Benutzer sind dafür verantwortlich, sicherzustellen, dass ihre Kreationen keine geistigen Eigentumsrechte verletzen. Wenn Sie glauben, dass Ihre Rechte verletzt wurden, kontaktieren Sie uns und wir werden es entfernen.
So funktioniert der Editor
Buchstabe, Wort oder Emoji oben eingeben. Eingebaute Schrift oder Google-Fonts-CSS-URL. Farbe, Größe, Ecken, Position und Drehung aktualisieren die Vorschau sofort. Das Rendern läuft in diesem Tab; das Design wird nicht hochgeladen.
Einzelnes SVG, 256×256-PNG oder „Alles herunterladen“ für ein Zip der Dateien, die Browser und Geräte noch anfordern. Das Zip entsteht im Browser aus derselben Vorschau.
Wenn Text abgeschnitten wird, Schrift kleiner oder Position verschieben. Emoji-Glyphen unterscheiden sich je Betriebssystem: Vorschau auf dem Zielgerät prüfen.
Was Sie exportieren können
Kein Konto
Keine Anmeldung. Designs bleiben auf dem Gerät. Tab schließen verwirft sie.
SVG, PNG, ICO und ein Zip
Einzelnes SVG und PNG zum schnellen Test. „Alles herunterladen“ packt favicon.svg, favicon.ico, apple-touch-icon.png und PNG 16, 32, 48, 96, 180, 192 und 512.
Schriften und Farbe
Zwölf mitgelieferte Schriften plus jede Google Font mit CSS-URL. Farbbeispiele nutzen oder eigenes Paar setzen.
Was im Zip steckt
„Alles herunterladen“ schreibt diese Dateien. Sie müssen nicht alle verwenden.
favicon.svg für moderne Browser; favicon.ico (16×16) für Clients, die /favicon.ico anfordern und das HTML ignorieren; apple-touch-icon.png (180×180) für den iOS-Homebildschirm; favicon-16x16.png, favicon-32x32.png und favicon-48x48.png für Tabs und Lesezeichen; favicon-96x96.png für Verknüpfungen; favicon-180x180.png als zusätzliches Touch-Icon; favicon-192x192.png und favicon-512x512.png für ein Web-App-Manifest.
Eine einfache Site kommt mit favicon.ico und favicon.svg aus. Das 180-PNG für iOS dazulegen. 192 und 512, wenn ein PWA-Manifest existiert. Die Link-Tags stehen in der Installationsanleitung. Wie man Favicons zu Ihrem Projekt hinzufügt →
Wann die Konverter stattdessen
Logo schon als PNG oder JPG? Nutzen Sie PNG zu Favicon. Raster lässt sich nicht sauber vergrößern: Quelle mindestens so groß wie die größte Exportgröße. PNG zu Favicon
Logo schon als Vektor? Nutzen Sie SVG zu PNG. Vektor skaliert, 512 und 2048 bleiben scharf. 16–512 für Browser-Icons; 2048 für Stores oder Druck, nicht für Tabs. SVG zu PNG
Typische Einsätze
Sites und Blogs
Ein oder zwei Buchstaben für den Tab, wenn noch keine Logodatei da ist
PWA-Icons
192×192- und 512×512-PNG für ein Web-App-Manifest
Home-Bildschirm
180×180 apple-touch-icon, wenn jemand die Site auf iOS speichert
Lokale Projekte
Zip nach public/ oder static/ legen und Link-Tags aus der Anleitung kopieren
