38 Zeichen · kostenlos kopierbar

Pfeilsymbole in jeder Stärke

Unicode führt Pfeile in mehreren Stärken über mehrere Blöcke verteilt: leichte Pfeile bei U+2190, doppelte Pfeile bei U+21D0, kräftige schwarze Pfeile verstreut über die Bereiche Dingbats und Verschiedene Symbole, und Dreiecke, die für Richtungstasten einspringen. Kopiere unten ein beliebiges Zeichen; jedes ist mit seinem Unicode-Namen und Codepunkt aufgeführt, und die vier, die Plattformen tendenziell als Emoji darstellen, sind markiert.

Leichte Pfeile

Das Grundset — alle acht Richtungen plus die zwei bidirektionalen Pfeile. Universell unterstützt.

Doppelte Pfeile

Pfeile mit zwei Strichen. In der Mathematik bedeuten sie Implikation, nicht Richtung — gut zu wissen, bevor du einen dekorativ einsetzt.

Kräftige Pfeile

Massive Pfeile mit echtem visuellem Gewicht. Alle vier haben Emoji-Darstellungen — füge U+FE0E hinzu, um sie monochrom zu halten.

Dreieckspfeile

Richtungsdreiecke — womit ein D-Pad, eine Mediensteuerung oder eine Bildschirm-Pfeiltaste normalerweise gezeichnet wird. Keine Emoji-Darstellung, sie übernehmen also immer deine Farbe.

Zurück, Neu laden und Tauschen

Die Pfeile, die eine Aktion statt einer Richtung bedeuten: Rückgängig, Neu laden, Tauschen, Verzweigen.

Klicke auf ein Zeichen, um es zu kopieren. Es wird nichts heruntergeladen — das sind Textzeichen, keine Bilder.

Unicode-Blöcke

  • U+2190–U+21FF Pfeile
  • U+25B2–U+25C0 Geometrische Formen
  • U+27A1, U+2934, U+2B05 Ergänzende Pfeile-B / Dingbats / Verschiedene Symbole und Pfeile

So verwendest du Pfeilsymbole

01

Die passende Stärke zu deinem Text wählen

Leichte Pfeile ←↑→↓ sitzen korrekt innerhalb von Fließtext. Kräftige Pfeile und Dreiecke sind für Buttons und Bedienelemente, wo ein Pfeil als Ziel statt als Satzzeichen gelesen werden muss.

02

Textdarstellung bei den vier kräftigen erzwingen

⬅ ⬆ ➡ ⬇ haben alle Emoji-Formen, und viele Plattformen wählen sie standardmäßig, was deine Farbe überschreibt. Füge den Variationsselektor U+FE0E hinzu, um sie monochrom zu halten — oder nutze die Dreiecke, die überhaupt keine Emoji-Form haben.

03

Tastatursteuerung damit beschriften

Eine Steuerungstabelle liest sich als ← → ↑ ↓ besser als in Worten. Gib dem Element ein aria-label, das die Taste benennt, denn ein Screenreader kündigt „Pfeil nach links“ an statt „Pfeiltaste links“.

04

Doppelpfeile in Fachtexten nicht für Richtung verwenden

In der Mathematik bedeutet ⇒ „impliziert“ und ⇔ „genau dann, wenn“. Leser in technischen Kontexten lesen zuerst die logische Bedeutung, nutze also einfache Pfeile, wenn du Bewegung meinst.

Über Pfeilsymbole

Pfeile sind über mehr Unicode-Blöcke verstreut als fast jede andere Kategorie, weshalb es schwerer ist als es sein sollte, den richtigen zu finden. Der Kern-Block Pfeile bei U+2190 deckt die acht Himmelsrichtungen in leichtem Strich ab, plus einen langen Schwanz spezialisierter mathematischer und technischer Varianten. Die kräftigen schwarzen Pfeile, die die meisten Leute eigentlich für Buttons wollen, sind dort gar nicht — sie stecken in Dingbats und Verschiedene Symbole und Pfeile, an so verstreuten Codepunkten wie U+27A1 und U+2B05.

Diese Geschichte schafft eine praktische Falle. Die vier kräftigen Richtungspfeile bekamen später Emoji-Darstellungen, auf vielen Plattformen kommt ➡ also als vollfarbiges Emoji an, das deine CSS-Farbe ignoriert und leicht falsch auf der Textgrundlinie sitzt. Das Anhängen des Text-Variationsselektors U+FE0E behebt das. Die Richtungsdreiecke ◀▲▶▼ aus dem Block Geometrische Formen hatten nie Emoji-Formen, was sie zur verlässlicheren Wahl für Interface-Steuerelemente macht — und deshalb zeichnet diese Seite ihre Bildschirm-Spielsteuerung mit Dreiecken.

Die Doppelpfeile verdienen eine besondere Warnung. In mathematischer Notation ist ⇒ Implikation und ⇔ Äquivalenz, und diese Lesarten sind stark genug, dass ein technisch versierter Leser zuerst Logik sieht, nicht Richtung. Meinst du „führt zu“ oder „geht zu“, ist der einfache Pfeil → sowohl korrekt als auch eindeutig. Reserviere die Doppelten für die Bedeutung, die sie tragen.

Bei Spielen tragen Pfeile ein ungewöhnliches Gewicht, weil sie erklären, wie sich Bewegung darstellt. Jedes tastaturgesteuerte Spiel auf dieser Seite dokumentiert seine Steuerung mit den leichten Pfeilen und zeichnet seine Touch-Steuerung als Dreiecke, sodass dasselbe Richtungsvokabular funktioniert, egal ob du die Anleitung liest oder auf den Bildschirm tippst — und weil beides Text ist, übernehmen beide automatisch die Akzentfarbe des Spiels.

Spiele, die mit diesen Zeichen gezeichnet sind

Jedes Spielbrett auf dieser Seite besteht aus Unicode statt aus Sprites. Diese hier verwenden die Zeichen oben.

Häufig gestellte Fragen

Wie kopiere ich ein Pfeilsymbol?

Klicke auf einen beliebigen Pfeil oben, um ihn in deine Zwischenablage zu kopieren. Zum Eintippen: In HTML nutze → ← ↑ ↓, und in den meisten Editoren funktioniert der Codepunkt direkt — U+2192 für →.

Warum wurde mein Pfeil zu einem farbigen Emoji?

Die kräftigen Pfeile ⬅ ⬆ ➡ ⬇ haben sowohl eine Text- als auch eine Emoji-Darstellung, und mehrere Plattformen bevorzugen standardmäßig Emoji. Hänge den Text-Variationsselektor U+FE0E direkt nach dem Zeichen an, oder wechsle zu den Dreiecken ◀▲▶▼, die keine Emoji-Form haben.

Was ist der Unterschied zwischen → und ⇒?

Visuell ein Strich gegenüber zwei, aber die Bedeutungen unterscheiden sich. In der Mathematik bedeutet ⇒ „impliziert“ und ⇔ „genau dann, wenn“. Für reine Richtung oder Bewegung nutze den einfachen Pfeil → — sonst liest ein technischer Leser Logik, wo du Bewegung meintest.

Welche Pfeile sollte ich für Spiel- oder Mediensteuerung verwenden?

Die Richtungsdreiecke ◀▲▶▼ aus dem Block Geometrische Formen. Sie haben keine Emoji-Darstellung, übernehmen also immer deine CSS-Farbe, und sie tragen genug visuelles Gewicht, um als Buttons statt als Satzzeichen gelesen zu werden.

Sind Pfeilsymbole für Screenreader zugänglich?

Sie werden mit ihrem Unicode-Namen angesagt, → liest sich also als „Pfeil nach rechts“ — was selten das ist, was du meinst. Beschriftet ein Pfeil ein Bedienelement, gib dem Element ein aria-label wie „Nach links bewegen“ und verstecke das Zeichen mit aria-hidden, damit es nicht doppelt vorgelesen wird.

Support the arcade

Gefallen dir die Spiele?

UnicodeGames ist kostenlos, zeigt keine Werbung und wird das auch nie tun. Wenn es deine Kaffeepause aufgehellt hat, kannst du dich revanchieren.

Spendier mir einen Kaffee

One-off · No account needed · Handled by Buy Me a Coffee