Kostenloser SVG-Favicon-Generator
Erstellen Sie ein Favicon aus einem Buchstaben oder Emoji. Wählen Sie Farben und Form aus und kopieren Sie dann das SVG oder den HTML-Meta-Tag. 100 % in Ihrem Browser.
Vorschau
128px
64px
32px
16px
HTML-Link-Tag
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%226%22%20fill%3D%22%23D4AF37%22%2F%3E%3Ctext%20x%3D%2216%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20font-size%3D%2218%22%20font-family%3D%22Arial%2Csans-serif%22%20font-weight%3D%22bold%22%20fill%3D%22%23FFFFFF%22%3ES%3C%2Ftext%3E%3C%2Fsvg%3E" />
SVG-Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><rect width="32" height="32" rx="6" fill="#D4AF37"/><text x="16" y="16" text-anchor="middle" dominant-baseline="central" font-size="18" font-family="Arial,sans-serif" font-weight="bold" fill="#FFFFFF">S</text></svg>
So Funktioniert Es
Geben Sie bis zu zwei Zeichen ein und waehlen Sie Hintergrund- und Textfarben. Das Tool generiert ein 64x64 Pixel Favicon auf einem HTML-Canvas zum Download als PNG.
Wann Verwenden
- Schnelles Branding — erstellen Sie in Sekunden ein textbasiertes Favicon ohne Grafikdesign-Tool.
- Nebenprojekte und MVPs — erhalten Sie ein erkennbares Browser-Tab-Icon ohne Designer.
- Prototyping — generieren Sie Platzhalter-Favicons fuer Kundenpraesentationen oder Wireframes.
Haeufig Gestellte Fragen
Welches Dateiformat wird generiert?
Der Download ist eine PNG-Datei. Die meisten modernen Browser akzeptieren PNG-Favicons. Fuer Legacy-IE konvertieren Sie zu ICO.
Kann ich Emoji als Favicon-Text verwenden?
Ja. Geben Sie ein Emoji-Zeichen ein und es wird auf dem Canvas gerendert. Ergebnisse variieren je nach Betriebssystem.
Welche Groesse sollte ein Favicon haben?
Dieses Tool generiert 64x64 Pixel, eine gute universelle Groesse. Browser skalieren es automatisch fuer die Tab-Anzeige herunter.
Alle Berechnungen erfolgen in Ihrem Browser. Keine Daten werden an Server gesendet.
Diese Tools sind für immer kostenlos. SARA geht weiter.
SARA ist Ihr KI-Agent auf WhatsApp: beantwortet Kunden, nimmt Buchungen an, macht Follow-ups — rund um die Uhr, automatisch. 14 Tage kostenlos testen.
Kostenlose 14-Tage-Testphase starten →