Zum Inhalt springen

Logo

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 11.11.2026

Ein Logo ist ein grafisches Zeichen, mit dem ein Unternehmen, eine Marke oder ein Produkt erkennbar wird. Der Duden setzt es gleich mit Firmenzeichen, Markenzeichen und Signet; das Wort ist eine Kürzung des englischen logotype. Ein Logo kann aus Schrift, aus einem Bild oder aus beidem bestehen.

Logo

Ein grafisches Zeichen, mit dem ein Unternehmen, eine Marke oder ein Produkt erkennbar wird, aus Schrift, Bild oder beidem.
Beispiel: „Das Logo liegt als SVG vor und bleibt so auf jedem Bildschirm scharf.“

Auch: Signet, Firmenzeichen, Markenzeichen.

Abgrenzung zum Favicon: Es ist eine stark verkleinerte Form für den Browser-Tab.

Formen eines Logos

Das Deutsche Patent- und Markenamt unterscheidet bei der Anmeldung einer Marke die Wortmarke ohne grafische Gestaltung, die Wort-Bild-Marke mit Grafik oder eigener Schrift und die Bildmarke ohne Wortbestandteile. Das sind Rechtskategorien, sie beschreiben aber gut, woraus ein Logo bestehen kann.

Das Logo auf der Website

Das Logo steht laut Nielsen Norman Group oben links und führt auf die Startseite, eine seit Langem gelernte Konvention. Bei zentriertem Logo scheiterten Nutzer in einer Studie sechsmal so oft daran, mit einem Klick zur Startseite zu kommen. Als Format eignet sich laut MDN SVG, weil es in jeder Größe scharf bleibt; als Inline-SVG lässt es sich zudem mit CSS einfärben.

Ein verlinktes Logo braucht einen Alt-Text, der das Linkziel nennt. Die W3C-Anleitung gibt als Beispiel die Startseite von Example.com statt Example.com Logo. Steht der Firmenname direkt daneben schon als Linktext, bleibt der Alt-Text leer. Für Logos gelten die Kontrastanforderungen der WCAG übrigens nicht.

<a href="/">
  <img src="/logo.svg" alt="Homepage Helden Startseite" width="180" height="40">
</a>

Siehe auch:

Styleguide

Ein Regelwerk, das festlegt, wie Logo, Farben, Schriften und Gestaltungselemente einer Marke oder Oberfläche eingesetzt werden.

#Gestaltungsgrundlagen

Vektorgrafik

Eine Grafik, die aus mathematisch beschriebenen Linien, Kurven und Flächen besteht und sich ohne Qualitätsverlust skalieren lässt.

#Gestaltungsgrundlagen

Favicon

Kleines Symbol einer Website, das im Browser-Tab, im Lesezeichen und im Suchergebnis erscheint.

#Website-Struktur #Frontend-Entwicklung (HTML, CSS, JavaScript)

Alt-Text

Textfassung eines Bildes, die beschreibt, was es zeigt, wenn das Bild nicht ankommt.

#Website-Struktur #Barrierefreiheit (Accessibility) #Suchmaschinenoptimierung (SEO)

Markenfarbe

Die Farbe, an der Kunden eine Marke wiedererkennen, festgelegt im Corporate Design.

#Gestaltungsgrundlagen

Inline-SVG

Eine Vektorgrafik direkt im Dokument.

#Frontend-Entwicklung (HTML, CSS, JavaScript)