Das Tool

Erstellen Sie Ihr Icon-Kit in Sekunden

Wählen Sie Ihre Quelle, passen Sie das Design an und laden Sie das komplette ZIP mit fertigem HTML-Code herunter. Alles läuft in Ihrem Browser.

Favicon-Generator

Online Design, Multimedia & UI/UX

Anmelden

Ziehen Sie hier Ihr Bild hinein oder klicken Sie zum Durchsuchen PNG, JPG, WebP, GIF, BMP oder SVG · lokale Verarbeitung, kein Upload

Erzeugte Dateien Komplettes Kit herunterladen (.zip)

Code, den Sie in den <head> Ihrer Website einfügen

0,0 0Gefällt mir 0Kommentare Alle Tools

Kostenlos oder Premium?

Die kostenlose Version erstellt Ihr komplettes Kit. Premium entsperrt das gesamte Volade-Ökosystem.

favicon.ico, PNG, SVG, maskable, Manifest & HTML-Code — unbegrenztKostenlos

100 % lokal, keine Bildgrößen-LimitsKostenlos

Import per URL, Favicon-Extraktion von einer Website & unbegrenzte ProjektePremium

Datei-Optimierung & KompatibilitätsberichtPremium

Premium freischalten

Funktionen

Viel mehr als ein einfaches Favicon

Ein komplettes Icon-Kit

favicon.ico, PNG von 16 bis 512 px, vektorielles SVG, Apple Touch Icon, maskable Icons und Manifest: jede Datei wird in den richtigen Abmessungen nach den Standards von Browsern, iOS und PWA erzeugt.

Formate entdecken

100 % lokal, 100 % privat

Ihr Logo wird in Ihrem Browser verarbeitet. Kein Bild wird hochgeladen, gespeichert oder analysiert: Ihre Dateien verlassen nie Ihr Gerät.

Datenschutzrichtlinie

Vorschau unter realen Bedingungen

Sehen Sie Ihr Icon in einem Browser-Tab, in den Lesezeichen und auf den mobilen Startbildschirmen, bevor Sie es veröffentlichen.

Vorschau ansehen

So funktioniert es

Erstellen Sie Ihr Favicon in drei Schritten

Wählen Sie Ihre Quelle

Importieren Sie ein Bild, geben Sie Text oder Initialen ein oder fügen Sie ein Emoji ein — alles läuft lokal, nichts wird gesendet.

Passen Sie das Design an

Hintergrund, Verlauf, Form, Innenabstand, Zoom und Drehung: finden Sie das perfekte Ergebnis von 16 px bis 512 px.

Generieren & herunterladen

Laden Sie das komplette ZIP mit den PNGs, dem favicon.ico, dem SVG, dem Manifest und dem fertigen HTML-Code herunter.

FAQ

Häufige Fragen

Was ist ein Favicon?

Das Favicon ist das kleine Icon, das im Browser-Tab, in den Lesezeichen und im Verlauf erscheint. Es ist zugleich das erste visuelle Zeichen Ihrer Website: Es macht die Website sofort erkennbar und stärkt Ihre visuelle Marke. Ein gutes Kit deckt auch den mobilen Startbildschirm (Apple Touch Icon) und installierbare Web-Apps (PWA) ab.

Verlassen meine Bilder mein Gerät?

Nein. Der Generator läuft vollständig in Ihrem Browser: Ihr Bild wird lokal verarbeitet, und keine Daten werden auf einen Server hochgeladen, gespeichert oder analysiert. Das garantiert die Funktionsweise des Tools selbst — es ist zu 100 % in clientseitigem JavaScript gebaut.

Welche Favicon-Größe ist ideal?

Es gibt keine einzige Größe: Jede Oberfläche erwartet ihre eigene. Die Referenzkombination ist ein favicon.ico mit 16, 32 und 48 px (Pflicht für Internet Explorer und Windows), PNGs von 16 und 32 px für die meisten Browser, ein favicon.svg für moderne Browser, ein 180-px-Icon für iOS und 192/512-px-Icons für Android-PWAs. Der Generator erzeugt alle Größen automatisch.

Was ist der Unterschied zwischen favicon.ico, PNG und SVG?

ICO ist das historische Windows-Format: ein Container mit mehreren Auflösungen, der mehrere Vorschaubilder in einer Datei bündelt. PNG ist das universellste Format für moderne Browser. SVG ist vektoriell: Es bleibt bei jeder Auflösung scharf, auch auf HiDPI-Displays. Die drei ergänzen sich und decken die größtmögliche Kompatibilität ab.

Was ist ein maskable Icon (PWA)?

Ein maskable Icon füllt das gesamte Quadrat ohne transparente Fläche: Android schneidet dann eine Maske für runde oder runde Formn. Die Sicherheitszone ist ein zentraler Kreis mit 80 %: Halten Sie den wesentlichen Inhalt Ihres Logos mittig. Der Generator erstellt diese Variante automatisch, mit der Deklaration purpose: maskable im Web-Manifest.

Wie installiere ich mein Favicon auf meiner Website?

Laden Sie das Kit herunter, kopieren Sie die Dateien in das Verzeichnis Ihrer Website und fügen Sie den mitgelieferten Code in den <head> Ihrer Seiten ein. Bei WordPress fügen Sie ihn über Ihr Theme (header.php) oder ein Plugin ein; bei React, Next.js, Vite, Astro, Nuxt oder SvelteKit setzen Sie die Tags in die Head-Komponente Ihres Frameworks. Die Links sind identisch.

Was ist das Apple Touch Icon?

Es ist das Icon, das iPhone und iPad nutzen, um Ihre Website auf dem Startbildschirm anzuzeigen, z. B. nach „Zum Home-Bildschirm“ in Safari. Apple erwartet ein quadratisches 180-px-PNG namens apple-touch-icon.png, das der Generator automatisch erstellt.

Ist das ICO-Format noch erforderlich?

Fast alle modernen Browser akzeptieren PNG und SVG, aber ICO wird weiterhin von Windows, einigen älteren Browsern und Lesezeichen-Sicherungstools verlangt. Es kostet nichts, es bereitzustellen, und garantiert volle Kompatibilität: Deshalb ist es im Kit in mehreren Größen enthalten.

Ist der Generator wirklich kostenlos?

Ja. Die kostenlose Version erstellt Ihr komplettes Icon-Kit ohne Konto und ohne Nutzungslimits. Das Premium-Abonnement entsperrt erweiterte Funktionen: URL-Import, Favicon-Extraktion von einer bestehenden Website, unbegrenzte Projekte, Datei-Optimierung und Kompatibilitätsbericht.

Kann ich es für eine professionelle Website verwenden?

Natürlich. Die erzeugten Dateien sind in Ihren Projekten lizenzfrei: Das Kit ist für Unternehmen-Websites, Online-Shops, Web-Apps und PWAs gedacht. Mit Premium profitieren Sie auch von unbegrenzten Projekten, automatischer Optimierung und Kompatibilitätsberichten für Ihre Kunden.

Das richtige Format wählen

Die Icon-Formate: der Vergleich

Jede Oberfläche — Browser, iOS, Android, PWA — erwartet ein bestimmtes Format und eine bestimmte Größe. Deshalb sollten Sie alle abdecken.

favicon.ico — der Klassiker

Ein Windows-Container mit mehreren Auflösungen (16, 32, 48 px) in einer Datei. Unverzichtbar für Internet Explorer, Windows und Lesezeichen.

PNG — die universelle Basis

Das Referenzformat moderner Browser: Die Größen 16, 32, 48, 180, 192 und 512 px decken Chrome, Firefox, Edge, iOS und Android ab.

SVG — das Vektorformat

Perfekte Schärfe bei jeder Auflösung, auch HiDPI. Wird von den meisten modernen Browsern als Ersatz für PNG-Vorschaubilder unterstützt.

Maskable — die PWA

Die „randlose“ Variante, die Android für installierbare Web-Apps verlangt: Mit purpose: maskable deklariert, passt sie sich jedem Maskenschnitt an.

Online-Favicon-Generator: lokal, kostenlos und vollständig

Der Volade-Favicon-Generator erstellt in Sekunden das komplette Icon-Kit, das Ihre Website wirklich braucht: ein favicon.ico mit mehreren Auflösungen, PNGs von 16 bis 512 px, ein vektorielles favicon.svg, das Apple Touch Icon für iOS, ein maskable Icon für PWAs und das zugehörige Web-Manifest. Aus einem Bild, Text oder Emoji wird jede Vorschau in der richtigen Größe erzeugt und in einem einsatzbereiten ZIP mit dem Integrations-HTML-Code gebündelt.

Das Tool läuft vollständig in Ihrem Browser: Ihr Logo verlässt nie Ihr Gerät, kein Konto ist nötig und die Verarbeitung ist sofort. Ideal für Webmaster, die eine neue Website vorbereiten, Kreative, die eine installierbare Web-App starten, Online-Händler, die einen Shop bearbeiten, und Entwickler, die eine einwandfreie PWA ausliefern.

Warum ist ein Favicon unverzichtbar?

Das Favicon ist das Erste, was Besucher wahrnehmen: im Tab, in Lesezeichen, im Verlauf und auf dem mobilen Startbildschirm. Ohne Favicon zeigt Ihre Website ein generisches leeres Icon; mit ihm wird sie sofort erkennbar und wirkt vertrauenswürdiger. Es ist auch ein Zeichen von Professionalität: Websites, die ihr Favicon pflegen, wirken seriöser — ein Detail, das für Blogs, Shops oder SaaS zählt.

Und 2026 ist ein gutes Favicon eine technische Anforderung: Suchmaschinen und App-Verzeichnisse nutzen diese Icons für die Anzeige von Ergebnissen, und PWAs verlangen sie für die Installierbarkeit. Das ist kein Detail mehr, sondern ein Standard.

favicon.ico, PNG, SVG: welches Format wählen?

Der richtige Ansatz ist nicht, ein Format zu wählen, sondern alle bereitzustellen. Das mehrgröße ICO (16, 32, 48 px) ist das historische Windows-Format; PNG ist der universelle Baustein moderner Browser; das vektorielle SVG bietet perfekte Schärfe auf HiDPI-Bildschirmen und vergrößerten Tabs. Das Kit vervollständigt die Reihe mit dem Apple Touch Icon (180 px) und den PWA-Icons (192 und 512 px), alles in einem Standard-Manifest deklariert.

In der Praxis wählt jeder Browser selbst die passendste Deklaration: Mehrere Formate zu deklarieren verlangsamt nichts, garantiert aber maximale Kompatibilität. Genau das erzeugt das Tool — mit fertigem Code zum Einfügen.

PWA- und maskable-Icons: bereiten Sie eine installierbare App vor

Eine Progressive Web App hebt sich von der klassischen Seite durch ihre Installierbarkeit ab: Sie braucht ein korrektes Web-Manifest und Icons in den von Android und Chrome geforderten Abmessungen. Das maskable Icon füllt das ganze Quadrat, um sich an Zuschnitt-Masken (rund, abgerundet, quadratisch) anzupassen: Die Sicherheitszone ist ein zentraler Kreis mit 80 % — daher fügt der Generator diese Variante samt purpose: maskable-Deklaration automatisch hinzu.

Mit dem mitgelieferten Manifest (name, short_name, Farben, Icons) wird Ihre App per Klick auf dem Startbildschirm installierbar. Ein wertvoller Vorteil, um Besucher zu binden und eine Website in eine App zu verwandeln.

Apple Touch Icon und Safari: auf iOS und macOS glänzen

Auf dem iPhone und iPad zeigt Safari (und andere iOS-Browser) ein dediziertes Icon auf dem Startbildschirm: ein quadratisches 180-px-PNG namens apple-touch-icon.png. Auch auf macOS nutzen Safari und Lesezeichen diese Icons. Ein gepflegtes Apple Touch Icon garantiert nativ professionelle Optik im gesamten Apple-Ökosystem — ganz ohne weitere Einstellungen.

Ein optimiertes Favicon, ein Vorteil für Ihr SEO

Das Favicon trägt zur wahrgenommenen Qualität Ihrer Website bei: leichte Seiten, scharfe Icons und eine klare Identität sind positive Signale für Ihre Besucher und damit auch für Ihr organisches Ranking. Mit einem optimierten PNG und einem SVG vermeiden Sie unnötig schwere Dateien und bleiben makellos performant — auch mobil.

Wer profitiert davon?

Webmaster und Agenturen, die Websites für Kunden vorbereiten; Entwickler, die installierbare PWAs ausliefern; Online-Händler, die einen erkennbaren Shop wollen; Blogger und Kreative, die ihre Marke pflegen; und jeder Website-Besitzer, der in Sekunden professionelle Ergebnisse möchte.

Egal auf welchem Niveau, das Tool bleibt ganz einfach: Bild, Text oder Emoji, ein Blick auf die Vorschau, ein Klick zum Download. Für die kostenlose Version ist keine Registrierung nötig.

Ihre Logos verlassen nie Ihr Gerät

Die meisten Online-Favicon-Generatoren verlangen, dass Sie Ihr Logo auf ihren Server hochladen. Volade macht das Gegenteil: Alles läuft in Ihrem Browser. Kein Bild verlässt Ihr Gerät, und für die kostenlose Version ist kein Konto nötig.

Diese Entscheidung hat zwei Vorteile. Erstens Privatsphäre: Ihre Logos, Grafiken und Kundendateien passieren nie einen Dritten. Zweitens Tempo und Einfachheit: Kein Upload-Warten, das Kit entsteht beim Personalisieren — ohne Größen- oder Zeitlimits.

Eine Premium-Lizenz, alle Ihre Web-Tools

Ihr Volade-Abo entsperrt alle unsere Web-Tools sowie Browser, CMS, Desktop und Scripts — auf allen Ihren Geräten.

Zu Premium wechseln Tools ansehen