HTML Entity for Three Right Arrows (⇶)
What You'll Learn
How to display the Three Right Arrows symbol (⇶) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+21F6 (THREE RIGHT ARROWS) in the Arrows block (U+2190–U+21FF)—three stacked arrows pointing right, commonly used for navigation and forward-movement UI.
Render it with ⇶, ⇶, or CSS escape \21F6. There is no named HTML entity. Do not confuse ⇶ with → (RIGHTWARDS ARROW, U+2192) or ⇵ (THREE LEFT ARROWS, U+21F5).
⚡ Quick Reference — Three Right Arrows
U+21F6Arrows block
⇶Hexadecimal reference
⇶Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21F6
Hex code ⇶
HTML code ⇶
Named entity (none)
CSS code \21F6
Block Arrows (U+2190–U+21FF)
Official name THREE RIGHT ARROWS
Related U+21F5 = Three Left Arrows (⇵)Complete HTML Example
This example demonstrates the Three Right Arrows symbol (⇶) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\21F6";
}
</style>
</head>
<body>
<p>Using Hexadecimal: ⇶</p>
<p>Using HTML Code: ⇶</p>
<p id="point">Using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Three Right Arrows symbol renders in modern browsers when fonts include Arrows block glyphs:
👀 Live Preview
See the Three Right Arrows symbol (⇶) in navigation context:
🧠 How It Works
Hexadecimal Code
⇶ uses the Unicode hexadecimal value 21F6 to display the Three Right Arrows symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇶ uses the decimal Unicode value 8694 to display the same character.
CSS Entity
\21F6 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ⇶. Unicode U+21F6 in the Arrows block (U+2190–U+21FF). No named entity.
Use Cases
The Three Right Arrows symbol (⇶) commonly appears in:
Menus, breadcrumbs, and nav bars for forward movement.
Buttons and interactive elements showing multiple forward actions.
Maps, directions, and wayfinding interfaces.
Carousel controls and multi-step forward navigation.
Tutorials, wizards, and guided multi-step flows.
Workflow visualizations representing forward movement.
Design projects needing directional symbolism.
💡 Best Practices
Do
- Use
⇶or⇶for the triple-arrow glyph - Add
aria-label(e.g. “Next”) when used as a standalone control - Pair with visible text like “Continue” for clarity
- Use CSS
font-sizeto scale in UI components - Test rendering across browsers and font stacks
Don’t
- Confuse ⇶ (three arrows) with → (single right arrow)
- Rely on the symbol alone without accessible labeling in buttons
- Put CSS escape
\21F6directly in HTML text nodes - Expect a named HTML entity for U+21F6—use numeric references
- Use HTML entities in JS (use
\u21F6instead)
Key Takeaways
Two HTML references both render ⇶
⇶ ⇶For CSS stylesheets, use the escape in the content property
\21F6Unicode U+21F6 — THREE RIGHT ARROWS
No named entity—use numeric references or CSS escape
Part of the Arrows block (U+2190–U+21FF) for directional symbols
❓ Frequently Asked Questions
⇶ (hex), ⇶ (decimal), or \21F6 in CSS content. There is no named HTML entity. All three produce ⇶.U+21F6 (THREE RIGHT ARROWS). Arrows block (U+2190–U+21FF). Hex 21F6, decimal 8694. Three stacked arrows pointing right.⇶ or ⇶) go directly in markup. The CSS escape \21F6 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, and more.
About the author
8 people found this page helpful