Pixelgenaue Vorschau
Jede Vorschau wird in echter Größe gerendert, von 16 bis 256 Pixel, dazu eine vergrößerte 16×16-Ansicht. Was du siehst, zeigt der Browser genau so an.
16
24
32
48
64
Favicon Generator: Favicon online kostenlos erstellen, mit SVG, PNG, ICO und App-Icons
Favicon Generator
Gestalte dein Favicon
Wähle einen Ausgangspunkt, passe alles an, bis es stimmt, und sieh zu, wie sich jede Größe live aktualisiert. Dann SVG, PNG, ICO und App-Icons herunterladen.
Text
Ein oder zwei Zeichen wirken in kleinen Größen am besten.
Schrift
Stärke
Buchstabenabstand0
Wird geladen …
Mit einer Vorlage starten
20 StileVorschau in echter Größe
16×16, 6-fach vergrößertDie Größe, an der ein Favicon steht oder fällt. Ist die Form hier lesbar, ist sie überall lesbar.
Im Einsatz
Meine Website
Neuer Tab
yoursite.com
Export
.ico, SVG, PNGs von 16–512 px, Apple- und Android-Icons und ein Web-Manifest
Installationscode
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Entpacke alles ins Stammverzeichnis deiner Website und füge das hier in den <head> ein.
Warum FavMint
Gemacht für die kleinste Leinwand im Web
Ein Favicon ist ein erster Eindruck auf 16 Pixeln. FavMint gibt dir die Werkzeuge, um es richtig zu gestalten, und die Vorschauen, die zeigen, dass es funktioniert.
Sieh es dort, wo es lebt
Helle und dunkle Browser-Tabs, ein Suchergebnis und ein Smartphone-Homescreen. Finde Probleme, bevor deine Besucher sie bemerken.
FavMint — Favicon-Studio
Buchstaben, Icons, Symbole
Tippe einen Buchstaben oder deine Initialen in 12 ausgewählten Schriften, wähle aus über 2.100 Open-Source-Icons oder starte mit 20 kräftigen Symbolen für winzige Größen.
Jede Einstellung, kein Durcheinander
Verläufe, Drehung, Rahmen, Innenabstand, Deckkraft, Schatten und exakte Positionierung — in vier einfachen Tabs.
Privat von Grund auf
Keine Anmeldung, keine Uploads, keine Tracking-Pixel in deinen Dateien. Alles entsteht in deinem Browser.
Das komplette Paket mit einem Klick
Eine .ico in mehreren Größen, ein scharfes SVG, Apple- und Android-Icons, ein Web-Manifest und der passende HTML-Code zum Einfügen. Text wird in Vektorpfade umgewandelt, damit dein SVG überall gleich aussieht.
- favicon.ico
- favicon.svg
- favicon-32x32.png
- apple-touch-icon.png
- android-chrome-512x512.png
- site.webmanifest
Rückgängig, remixen, teilen
Vollständiger Verlauf zum Rückgängigmachen, ein „Überrasch mich“-Button für neue Ideen und Links zum Teilen, die dein Design direkt in der URL speichern.
Logo-Ersteller
Mach aus deinem Favicon ein passendes Logo
Textlogos, Buchstabenmarken, Monogramme und Icon + Name-Kombinationen. Nimm dein Favicon mit, wähle ein Layout und exportiere ein sauberes SVG.
Mintly
AKATELIER KAI
north
Der Favicon-Generator-Leitfaden
Ein kostenloser Favicon Generator für die kleinste Leinwand im Web
FavMint ist ein kostenloser Favicon Generator und Favicon-Designer, der komplett in deinem Browser läuft. Du kannst in wenigen Minuten ein Favicon online erstellen — aus einem einzelnen Buchstaben, deinen Initialen, einem Icon oder einem Symbol — und alle Dateien herunterladen, die eine moderne Website braucht: SVG, PNG, ICO, Apple Touch Icons, Android-App-Icons und ein Web-Manifest. Kein Konto, kein Wasserzeichen, und nichts wird auf einen Server hochgeladen. Wenn du fertig bist, übernimmt unser kostenloser Logo-Ersteller dasselbe Design, damit Favicon und Logo vom ersten Tag an zusammenpassen.
Was ist ein Favicon, und warum ist es wichtig?
Ein Favicon ist das kleine Website-Icon, das in Browser-Tabs, Lesezeichen, im Verlauf, in Suchergebnissen und auf dem Smartphone-Homescreen erscheint, wenn jemand deine Seite speichert. Oft ist es das Erste, was Besucher von deiner Marke sehen — und das bei nur 16 oder 32 Pixeln. Ein unscharfes oder beliebiges Icon lässt eine Website unfertig wirken und macht deinen Tab zwischen Dutzenden anderen schwer auffindbar. Ein klares, unverwechselbares Favicon bewirkt das Gegenteil: Es stärkt die Wiedererkennung bei jedem Tab-Wechsel und hebt deinen Eintrag in den Suchergebnissen hervor, wo Google das Favicon neben dem Seitentitel anzeigt.
So erstellst du ein Favicon online in vier Schritten
- 1
Ausgangspunkt wählen
Tippe einen Buchstaben oder deine Initialen, durchsuche über 2.100 Open-Source-Icons, wähle eines von 20 Symbolen oder starte mit einer Vorlage.
- 2
Stil festlegen
Wähle eine Hintergrundform, eine Voll- oder Verlaufsfüllung und eine Schrift, und passe Größe, Drehung, Innenabstand, Rahmen und Schatten fein an.
- 3
In echter Größe prüfen
Sieh dir Live-Vorschauen von 16 bis 256 Pixeln an, zoome in das 16×16-Raster und sieh dein Icon in Browser-Tabs, Suchergebnissen und auf einem Smartphone-Homescreen.
- 4
Herunterladen und einbinden
Exportiere ein SVG, PNGs oder das komplette Paket, lege die Dateien ins Stammverzeichnis deiner Website und füge den fertigen HTML-Code ein.
Jede Änderung wird sofort angezeigt, und deine Arbeit wird automatisch im Browser gespeichert. Unbegrenztes Rückgängig und Wiederholen, ein Überrasch mich-Button für neue Ideen und Links zum Teilen, die das ganze Design in der URL speichern, machen das Experimentieren leicht, ohne eine gelungene Version zu verlieren.
Ein Favicon-Designer für winzige Größen
Die meisten Icon-Generatoren verkleinern einfach ein großes Bild und hoffen auf das Beste. FavMint geht den umgekehrten Weg. Jede Vorschau wird in ihrer echten Pixelgröße gerendert, sodass du genau siehst, was ein Browser anzeigt. Eine vergrößerte 16×16-Ansicht zeigt, ob dünne Linien verschwinden oder Buchstaben verschwimmen, und eingebaute Lesbarkeitshinweise warnen vor zu wenig Kontrast, zu vielen Zeichen oder fehlenden Glyphen, bevor es deinen Besuchern auffällt. Du bekommst acht Hintergrundformen, darunter Squircle, Kreis, Sechseck, Schild und Blatt, dazu Voll-, Linear- und Radialverläufe, 12 ausgewählte Schriften und präzise Kontrolle über Position und Abstände.
Favicon Generator mit Export als SVG, PNG und ICO
Browser und Geräte suchen jeweils nach einer anderen Datei, deshalb exportiert FavMint alle. Als Favicon Generator mit SVG-Ausgabe wandelt er Text vor dem Export in Vektorpfade um — dein SVG-Favicon sieht also auf jedem Computer gleich aus, selbst wenn die gewählte Schrift dort nicht installiert ist. Mit einem Klick lädst du ein fertiges ZIP-Paket herunter, das Folgendes enthält:
favicon.icoIcon in 16, 32 und 48 px für ältere Browser und Windowsfavicon.svgein skalierbares Vektor-Favicon, das auf jedem Bildschirm scharf bleibtapple-touch-icon.png180×180-Icon für den Homescreen von iPhone und iPadandroid-chrome-192x192.png und 512×512Icons für Android und Progressive Web Appssite.webmanifestdas Manifest, das Smartphones sagt, welches App-Icon sie verwenden sollenPNG-Exporte11 Größen von 16 bis 1024 Pixel, für App Stores, Social-Media-Profile und Dokumentationen
Das Paket enthält außerdem eine README und die exakten HTML-Tags für den <head> deiner Seite. Lade die Dateien ins Stammverzeichnis hoch, füge die Tags ein, und dein Favicon funktioniert in Chrome, Safari, Firefox, Edge, iOS und Android.
App-Icon-Generator und Website-Icon-Ersteller in einem
Dasselbe Design, das bei 16 Pixeln funktioniert, muss auch bei 512 oder 1024 gut aussehen. FavMint ist zugleich App-Icon-Generator: Exportiere hochauflösende PNGs für eine Progressive Web App, einen App-Store-Eintrag, eine Browser-Erweiterung, einen Discord- oder Slack-Workspace oder ein Profilbild in sozialen Netzwerken. Weil alles zuerst als Vektor gezeichnet wird, wird jede Größe gestochen scharf gerendert, statt aus einer einzigen Bitmap skaliert zu werden. Ob du ein Website-Icon für ein neues Nebenprojekt oder ein einheitliches Icon-Set für ein bestehendes Produkt brauchst: Einmal gestalten, überall exportieren.
Ein kostenloser Logo-Ersteller, der zu deinem Favicon passt
Ein Favicon steht selten allein. Der FavMint Logo-Ersteller ist ein kostenloser Online-Logo-Ersteller, der dein gerade gestaltetes Favicon übernimmt und daraus ein vollständiges Markenlogo macht. Wähle eine Wortmarke, eine Buchstabenmarke, ein Monogramm oder ein Icon + Name-Layout, tippe deinen Markennamen ein und exportiere ein sauberes SVG oder PNG in 1×, 2× oder 4×. Ein einfacher Logo-Ersteller für eigene Markenlogos — für Start-ups, Indie-Entwickler, Creator und kleine Unternehmen, die professionell auftreten wollen, ohne ein Designbüro zu beauftragen oder ein Abo zu bezahlen. Wie der Rest von FavMint ist auch der Logo-Ersteller kostenlos online, ohne Anmeldung und ohne Wasserzeichen.
Privat, schnell und kostenlos
FavMint hat kein Backend. Rendering, PNG-Umwandlung, ICO-Kodierung und ZIP-Erstellung passieren alle auf deinem Gerät, deine Designs werden also nie auf unsere Server hochgeladen oder dort gespeichert. Das macht das Tool auch schnell: keine Warteschlange, kein Warten auf eine Serverantwort. Die Icons stammen aus dem Open-Source-Set Lucide (ISC-Lizenz), die Schriften stehen unter der SIL Open Font License — alles, was du erstellst, gehört dir, auch für kommerzielle Projekte.
Tipps für ein Favicon, das auffällt
- Beschränke dich auf ein oder zwei Zeichen oder ein einzelnes kräftiges Symbol. Details verschwinden bei 16 Pixeln.
- Sorge für starken Kontrast zwischen Symbol und Hintergrund, damit es in hellen und dunklen Tabs lesbar ist.
- Nutze den Platz. Wenig Innenabstand lässt das Icon selbstbewusst statt verloren wirken.
- Verwende deine Markenfarben, damit Favicon, App-Icon und Logo wie eine Familie wirken.
- Prüfe die 16×16-Vorschau. Ist es dort lesbar, ist es überall lesbar.
Lust, es auszuprobieren? Öffne den Favicon Generator oben und erstelle dein Favicon online in wenigen Minuten, kostenlos.
Preise
Kostenlos. Wirklich kostenlos.
Alles läuft auf deinem Gerät, es gibt also keine Server zu bezahlen und nichts, was hinter einer Bezahlschranke stecken müsste.
Kostenlos
0 €für immer
Das komplette Studio. Kein Konto, kein Wasserzeichen, kein Haken.
- Unbegrenzt viele Favicons und Logos
- Komplettes Paket: ICO, SVG, PNG, Apple- und Android-Icons
- Über 2.100 Icons, 12 Schriften, 20 Symbole, 20 Vorlagen
- Kommerzielle Nutzung — die Dateien gehören dir
- Läuft komplett in deinem Browser
Unterstützer
Du entscheidesteinmalig
Gleiches Tool, gleiche Funktionen. Unterstütze uns, damit FavMint kostenlos und werbefrei bleibt.
- Alles aus Kostenlos
- Unser aufrichtiger Dank
- Hilft bei neuen Schriften, Icons und Formen
FAQ
Fragen zu Favicons und Logos, beantwortet
Alles, was du über das Erstellen, die richtige Größe und das Einbinden eines Favicons wissen musst — und wie du ein Markenlogo gestaltest, das bleibt.
Favicon-Grundlagen
Ein Favicon (kurz für „favorite icon“) ist das kleine quadratische Icon, das eine Website repräsentiert. Browser zeigen es in Tabs, Lesezeichen und im Verlauf, Google zeigt es neben deinen Suchergebnissen, und Smartphones verwenden es, wenn jemand deine Seite zum Homescreen hinzufügt.
Auf einer Website ist das Favicon eine kleine Bilddatei, etwa favicon.ico, favicon.svg oder ein PNG, auf die die Seite mit einem link-Tag rel="icon" im HTML-head verweist. Der Browser lädt sie herunter und zeigt sie überall dort an, wo die Seite identifiziert wird, damit Besucher deine Seite unter vielen offenen Tabs auf einen Blick finden.
Beginne mit etwas, das bei 16 Pixeln lesbar ist: ein oder zwei Buchstaben, deine Initialen oder ein einzelnes kräftiges Symbol. Tippe in FavMint einen Buchstaben oder wähle eines von über 2.100 Icons, bestimme Hintergrundform und Farben, prüfe es in der 16×16-Live-Vorschau und lade die Dateien herunter. Keine Designsoftware, keine Anmeldung.
Nutze einen Favicon Generator wie FavMint: Gestalte dein Icon im Browser und exportiere das komplette Paket mit einem Klick. Er erstellt favicon.ico, favicon.svg, PNGs in 11 Größen, Apple-Touch- und Android-Icons, ein Web-Manifest und den HTML-Code zum Einfügen — alles auf deinem Gerät erzeugt.
Nutze SVG als Haupt-Favicon, weil es in jeder Größe scharf bleibt, und dazu eine favicon.ico (16, 32 und 48 px) als Fallback für ältere Browser und Windows. Ergänze ein 180×180-PNG als apple-touch-icon für das iPhone sowie PNGs in 192×192 und 512×512 für Android. Das FavMint-Paket enthält all das.
Ja. Alle modernen Browser unterstützen PNG-Favicons. Binde sie mit einem rel="icon"-Tag ein, das type="image/png" und die Größe angibt, zum Beispiel sizes="32x32". PNG ist außerdem für Apple-Touch- und Android-Icons nötig. Für die breiteste Unterstützung kombiniere PNGs mit einem SVG und einer favicon.ico.
Browser-Tabs zeigen Favicons in 16×16 und 32×32 Pixeln, also gestalte zuerst für diese Größen. Stelle außerdem 48×48 in der favicon.ico bereit, 180×180 für das Apple Touch Icon sowie 192×192 und 512×512 für Android und Web-App-Manifeste. Ein SVG-Favicon deckt mit einer Datei jede Größe ab.
Lade die Favicon-Dateien ins Stammverzeichnis deiner Website hoch und füge im head jeder Seite link-Tags hinzu: ein rel="icon"-Tag für favicon.ico, ein weiteres für favicon.svg und ein rel="apple-touch-icon"-Tag für apple-touch-icon.png. FavMint liefert dir diesen Code fertig zum Kopieren. Lade die Seite hart neu, falls das alte Icon noch im Cache ist.
Logo-Design
Entscheide dich zuerst für einen Stil: eine Wortmarke (dein Name in einer markanten Schrift), eine Buchstabenmarke (Initialen), ein Monogramm oder ein Icon neben deinem Namen. Wähle dann ein oder zwei Farben und eine gut lesbare Schrift. Der kostenlose Logo-Ersteller von FavMint baut alle vier Layouts aus deinem Favicon, damit Logo und Website-Icon zusammenpassen, und exportiert als SVG und PNG.
Überlege, wie sich deine Marke anfühlen soll, halte das Design einfach und beschränke dich auf ein oder zwei Schriften und eine kleine Farbpalette. Skizziere mehrere Richtungen, teste sie in Schwarzweiß und in kleinen Größen und hol dir ehrliches Feedback. Bewahre immer eine Vektor-Vorlage (SVG) auf, damit das Logo überall sauber skaliert.
Ein erfolgreiches Logo ist einfach, einprägsam und unverwechselbar. Es bleibt vom 16-px-Favicon bis zur Plakatwand lesbar, funktioniert in einer Farbe, passt zu Zielgruppe und Branche und bleibt über Jahre relevant, statt Trends hinterherzulaufen. Konsequent eingesetzt, wird es sofort wiedererkannt.
FavMint nutzen
Ja. Der Favicon Generator, jedes Exportformat und der Logo-Ersteller sind kostenlos — ohne Wasserzeichen, ohne Limits und ohne Anmeldung.
Nein. Öffne das Studio und leg los. Deine Arbeit wird automatisch im Browser gespeichert, und mit einem Link zum Teilen kannst du überall weitermachen.
Nein. Rendering, PNG-Umwandlung, die .ico-Datei und das ZIP-Paket entstehen alle auf deinem Gerät. Nichts wird an einen Server gesendet.
Das Paket deckt alle modernen Browser und Geräte ab: favicon.ico für ältere Umgebungen, favicon.svg für scharfe Skalierung, apple-touch-icon.png für den iPhone-Homescreen, Android-Icons und ein Web-Manifest. Kopiere den Ordner ins Stammverzeichnis deiner Website und füge den Installationscode ein.
Ja. FavMint ist ein Favicon Generator mit SVG-Ausgabe: Lade eine einzelne skalierbare favicon.svg herunter, kopiere den SVG-Code oder hol sie dir im kompletten Paket zusammen mit PNG- und ICO-Dateien.
Ja. Das Paket enthält ein 180×180 Apple Touch Icon, Android-Icons in 192×192 und 512×512 sowie ein Web-Manifest — dasselbe Design dient also als App-Icon auf dem Homescreen von iPhone und Android.
Ja. Alles, was du erstellst, gehört dir. Die Icons stammen von Lucide (ISC-Lizenz), die Schriften sind Open Source (SIL Open Font License) — beides ist für kommerzielle Nutzung erlaubt.
Das tut er nicht. FavMint wandelt Text vor dem Export in Vektorpfade um, sodass dein SVG auf jedem Rechner gleich aussieht, auch ohne installierte Schrift.
Ein oder zwei Zeichen oder ein einzelnes kräftiges Symbol, starker Kontrast und eine einfache Form. Nutze die 16×16-Lupe: Ist es dort lesbar, ist es überall lesbar.
Deine Website verdient einen besseren Browser-Tab
Zwei Minuten, keine Anmeldung, alle Dateien, die du brauchst.