HTML Entity for Right Open Headed Arrow (⇾)
What You'll Learn
How to display the Right Open Headed Arrow (⇾) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+21FE (RIGHTWARDS OPEN-HEADED ARROW) in the Arrows block (U+2190–U+21FF)—a right-pointing arrow with an open (unfilled) head, used in navigation, diagrams, and directional notation.
Render it with ⇾ (named), ⇾, ⇾, or CSS \21FE. Related: U+2192 (→, simple right arrow / →), U+21FD (⇽, left open headed arrow / ⇽).
⚡ Quick Reference — Right Open Headed Arrow
U+21FEArrows block
⇾Hexadecimal reference
⇾Decimal reference
⇾Most readable option
Name Value
──────────── ──────────
Unicode U+21FE
Hex code ⇾
HTML code ⇾
Named entity ⇾
CSS code \21FE
Meaning Rightwards open-headed arrow
Related U+2192 = right arrow (→)
U+21FD = left open headed arrow (⇽)Complete HTML Example
A simple example showing the Right Open Headed Arrow (⇾) using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\21FE";
}
</style>
</head>
<body>
<p>Symbol using Hexadecimal: ⇾</p>
<p>Symbol using HTML Code: ⇾</p>
<p>Symbol using HTML Entity: ⇾</p>
<p id="point">Symbol using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Right Open Headed Arrow (⇾) renders in modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Right Open Headed Arrow (⇾) in navigation and diagram contexts:
🧠 How It Works
Named HTML Entity
⇾ is the named entity for the Right Open Headed Arrow (rightwards open-headed arrow). Easy to read in navigation and diagram markup.
Hexadecimal Code
⇾ uses the Unicode hexadecimal value 21FE. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇾ uses the decimal Unicode value 8702 for the same symbol.
CSS Entity
\21FE is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ⇾. Unicode U+21FE is in the Arrows block. Previous: Right Normal Factor Semidirect Product.
Use Cases
The Right Open Headed Arrow (⇾) is commonly used in:
Back links, breadcrumbs, and return controls in web interfaces.
Show leftward flow or reverse direction in process diagrams.
Specialized right-pointing open-headed arrows in technical writing.
Illustrate directional symbols in guides and reference material.
Decorative or functional open-headed right arrows in buttons and labels.
Document and teach HTML entity usage for Arrows block symbols.
💡 Best Practices
Do
- Prefer
⇾in HTML for readability - Use fonts that support the Arrows block (U+21FE)
- Set
<meta charset="utf-8"> - Pair ⇾ with context (navigation, diagrams) so meaning is clear
- Keep one encoding style per project for consistency
- Distinguish ⇾ from → when open-headed vs standard arrow matters
Don’t
- Confuse
⇾(U+21FE, open-headed right) with→(U+2192, standard right arrow) - Confuse
⇾(U+21FE) with⇽(U+21FD, open-headed left) - Use CSS
\21FEinside HTML text nodes - Assume all fonts render arrow glyphs identically
- Mix named and numeric entities inconsistently in the same component
Key Takeaways
Four ways to render U+21FE in HTML and CSS
⇾ ⇾ ⇾For CSS, use \21FE in the content property
Unicode U+21FE — RIGHTWARDS OPEN-HEADED ARROW
Arrows block (U+2190–U+21FF) — named entity ⇾
Previous: Right Normal Factor Semidirect Product (⋊) Next: Right Paired Arrows
❓ Frequently Asked Questions
⇾ (named), ⇾ (hex), ⇾ (decimal), or \21FE in CSS content. All four methods render ⇾ correctly.U+21FE (RIGHTWARDS OPEN-HEADED ARROW). Arrows block (U+2190–U+21FF). Hex 21FE, decimal 8702. A right-pointing arrow with an open (unfilled) head.⇾, ⇾, ⇾) go in markup. The CSS escape \21FE is used in stylesheets, typically on ::before or ::after. Both produce ⇾.⇾ is the named HTML entity for U+21FE. You can also use ⇾ (decimal) or ⇾ (hex) and \21FE in CSS.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful