Logo- und Favicon-Editor

Erstelle kostenlos ein Logo aus Text: Farbpalette, Google-Schrift, Verlauf und Kontur. Lade anschließend das SVG herunter oder erstelle direkt dein Favicon.

Mit einer Farbpalette beginnen
Klicke auf eine Palette, um die Ausgangsfarben festzulegen. Du kannst danach alles anpassen.
Vorschau

Ein Logo erstellen, wenn noch keines vorhanden ist

Ein neues Projekt hat selten schon einen visuellen Auftritt, braucht aber bereits beim Start ein Favicon. Der Logo-Editor nutzt das, was schon vorhanden ist: den Namen. Ein oder zwei Buchstaben, eine Schriftart aus Google Fonts und eine Hintergrundfarbe ergeben ein Monogramm, das bei 16 Pixeln ebenso lesbar bleibt wie bei 512.

Warum ein Monogramm so gut funktioniert

In Tab-Größe verschwimmt ein detailreiches Logo zu einem Fleck. Initialen bleiben erkennbar. Deshalb verwenden viele Marken einen einzigen Buchstaben als App-Symbol. Beschränke dich auf höchstens drei Zeichen, wähle eine kräftige Schrift und achte auf einen deutlichen Kontrast zwischen Text und Hintergrund.

Ein sauberes SVG mit Text als Vektorpfade

Das Logo wird als SVG exportiert, wobei der Text in Vektorpfade umgewandelt wird. Für Favicons ist das entscheidend: Ein SVG mit Verweis auf eine externe Schrift zeigt diese nicht an, da der Browser in diesem Zusammenhang keine entfernten Ressourcen lädt. Die fertige Datei ist eigenständig, klein und lässt sich verlustfrei auf jede Größe des Pakets skalieren.

Vom Logo zum vollständigen Favicon

Ist das Logo fertig, übergibt die Schaltfläche zum Erstellen es direkt an den Favicon-Generator. Transparenz und Farben bleiben erhalten. Dort legst du den Hintergrund des iOS-Symbols, die dunkle Variante und den App-Namen fest und lädst das vollständige Paket herunter. Zu keinem Zeitpunkt wird ein Bild an einen Server übertragen.

Häufige Fragen zum Logo-Editor

Weiterlesen und ausprobieren

Weitere Werkzeuge von LFFavicon und Ratgeber mit Antworten auf die häufigsten Fragen.

Werkzeuge

Ratgeber