HTML Arrow Entities

What Are HTML Arrow Entities?

Arrow entities are HTML character references for directional symbols: left, right, up, down, left-right, double-line, curved, hooked, and specialized dingbat-style arrows. Write them as named entities (→), hex (→), or decimal (→) — all can render the same glyph.

Example arrow  → (rightwards)
Unicode         U+2192
Hex entity      →
Decimal         →
Named entity    →
CSS escape      \2192
Default choice  → or type → in UTF-8

This page is a reference hub: use the searchable table below for the arrow set covered here. For symbols outside this list, open the full HTML entities index.

Quick Reference

Filter by symbol, Unicode (e.g. U+2190), hex, decimal, or named entity. A dash in the entity column means use numeric form only.

When to Use Which

Live Preview

Common arrow glyphs rendered from character references.

Complete HTML Example

Named entities for everyday directions, hex codes, and a CSS escape for a right arrow. Use View Output or open the live editor.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HTML Arrow Entities</title>
  <style>
    #arrow-css::after {
      content: "\2192";
    }
  </style>
</head>
<body>
  <p>Left: &larr; Right: &rarr; Up: &uarr; Down: &darr;</p>
  <p>Using hex: &#x2190; &#x2192; &#x2191; &#x2193;</p>
  <p id="arrow-css">Via CSS escape: </p>
</body>
</html>

Left: ← Right: → Up: ↑ Down: ↓
Using hex: ← → ↑ ↓
Via CSS escape: →

Key Takeaways