HTML Entity for Right Arrow (→)
What You'll Learn
How to display the Right Arrow (→) in HTML using numeric references, the named entity, and CSS escapes. This character is U+2192 (RIGHTWARDS ARROW) in the Arrows block (U+2190–U+21FF)—one of the most common directional symbols in navigation, UI design, and web content.
You can use the named entity →, hex →, decimal →, or CSS \2192. Do not confuse → with U+2190 (←, left arrow) or the ASCII hyphen-minus and greater-than sequence ->.
⚡ Quick Reference — Right Arrow
U+2192Arrows (U+2190–U+21FF)
→Hexadecimal reference
→Decimal reference
→Standard HTML entity
Name Value
──────────── ──────────
Unicode U+2192
Hex code →
HTML code →
Named entity →
CSS code \2192
Meaning Rightwards arrow
Related U+2190 = left arrow (←)
U+2194 = left right arrow (↔)
U+21A6 = rightwards arrow from bar (↦)
Block Arrows (U+2190–U+21FF)Complete HTML Example
A simple example showing → using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2192";
}
</style>
</head>
<body>
<p>Right arrow (hex): → Next</p>
<p>Right arrow (decimal): → Next</p>
<p>Right arrow (named): → Next</p>
<p id="point">Right arrow (CSS): Next</p>
</body>
</html>🌐 Browser Support
U+2192 is widely supported in all modern browsers:
👀 Live Preview
See the Right Arrow (→) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
→ uses Unicode hex 2192 to display the right arrow.
Decimal HTML Code
→ is the decimal equivalent (8594) for the same character.
Named HTML Entity
→ is the standard named entity for U+2192—readable in HTML source.
CSS Entity
\2192 is the CSS escape for U+2192, used in pseudo-element content.
Same visual result
All four methods produce →. Unicode U+2192 in Arrows. Next: Right Arrow Above Almost Equal To.
Use Cases
The Right Arrow (→) is commonly used in:
Menus, next-page links, pagination, and forward actions.
Separators between hierarchy levels in site navigation.
Buttons, call-to-action labels, and directional indicators.
Implication, mapping notation, and flow in documentation.
Flowcharts, process maps, and workflow visualizations.
Pair → with visible text or aria-label so meaning is not arrow-only.
💡 Best Practices
Do
- Use
→for readable right arrow markup - Set
<meta charset="utf-8">for reliable rendering - Use → for navigation—not ASCII
->when a proper arrow is intended - Link to Left Arrow when documenting paired directions
- Pick one reference style per project for consistency
Don’t
- Confuse → with ← (left arrow) or ↔ (left-right arrow)
- Use padded Unicode notation like U+02192—the correct value is
U+2192 - Use CSS escape
\2192in HTML text nodes - Rely on the arrow alone without text for critical navigation actions
- Assume emoji arrows (➡) are the same as → (U+2192)
Key Takeaways
Four ways to render U+2192 in HTML and CSS
→ →For CSS stylesheets, use \2192 in the content property
Unicode U+2192 — RIGHTWARDS ARROW (→)
Distinct from left arrow ←, left-right arrow ↔, and ASCII ->
Previous: Right Angle Arc (⊾) Next: Right Arrow Above Almost Equal To
❓ Frequently Asked Questions
→ (named entity), → (hex), → (decimal), or \2192 in CSS content. All four render →.U+2192 (RIGHTWARDS ARROW). Arrows block (U+2190–U+21FF). Hex 2192, decimal 8594.→ is the standard named entity for U+2192 and is the most readable option in HTML source.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, math operators, punctuation, and more.
About the author
8 people found this page helpful