HTML Entity for Open Outlined Right Arrow (➾)
What You'll Learn
How to display the Open Outlined Right Arrow (➾) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27BE (OPEN OUTLINED RIGHTWARDS ARROW) in the Dingbats block (U+2700–U+27BF)—an outlined right-pointing arrow useful for navigation links, next buttons, breadcrumbs, carousel controls, and directional UI cues.
Render it with ➾, ➾, or CSS escape \27BE. There is no named HTML entity. Do not confuse ➾ with U+2192 (→, basic rightwards arrow), U+27BD (➽, heavy wedge-tailed right arrow), or U+279C (➜, heavy round-tipped rightwards arrow).
⚡ Quick Reference — Outlined Right Arrow
U+27BEDingbats block
➾Hexadecimal reference
➾Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+27BE
Hex code ➾
HTML code ➾
Named entity (none)
CSS code \27BE
Meaning Open outlined rightwards arrow
Related U+2192 = rightwards arrow (→)
U+27BD = wedge-tailed right (➽)
U+279C = heavy round-tipped right (➜)
U+2794 = heavy wide-headed right (➔)
Block Dingbats (U+2700–U+27BF)Complete HTML Example
A simple example showing ➾ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\27BE";
}
</style>
</head>
<body>
<p>Outlined right arrow (hex): ➾</p>
<p>Outlined right arrow (decimal): ➾</p>
<p id="point">Outlined right arrow (CSS): </p>
</body>
</html>🌐 Browser Support
The Open Outlined Right Arrow (➾) is widely supported in all modern browsers:
👀 Live Preview
See the Open Outlined Right Arrow (➾) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
➾ uses the Unicode hexadecimal value 27BE to display the open outlined right arrow.
Decimal HTML Code
➾ uses the decimal Unicode value 10174 for the same character.
CSS Entity
\27BE is used in CSS stylesheets in the content property of pseudo-elements like ::after on links and buttons for arrow indicators.
Navigation arrow result
All three methods render ➾. Unicode U+27BE in the Dingbats block. Next: Opposition (☍).
Use Cases
The Open Outlined Right Arrow (➾) is commonly used in:
“Read more”, “Next”, and continue links with a lightweight arrow suffix.
Carousel next buttons, pagination, and step indicators without SVG icons.
Path separators and hierarchy cues in breadcrumb trails and menus.
Directional indicators on outbound or off-site link labels.
Icon-like symbols in tabs, accordions, and expandable sections.
Character pickers, entity documentation, and Dingbats arrow guides.
Pair ➾ with visible link text; use ARIA labels on icon-only controls.
💡 Best Practices
Do
- Use
➾or➾inline after link text - Use CSS
\27BEin::afterfor consistent link arrows - Set
<meta charset="utf-8">for reliable rendering - Pick one numeric style per project for consistency
- Provide accessible text or ARIA on icon-only arrow buttons
Don’t
- Confuse ➾ with basic arrow →, wedge ➽, or round ➜
- Use padded Unicode notation like U+027BE—the correct value is
U+27BE - Use CSS escape
\27BEin HTML text nodes - Rely on ➾ alone as the only label for a navigation control
- Assume every font renders Dingbats arrows identically—test your typeface
Key Takeaways
Two HTML numeric references plus CSS for U+27BE
➾ ➾For CSS stylesheets, use \27BE in the content property
Unicode U+27BE — OPEN OUTLINED RIGHTWARDS ARROW
Ideal for navigation, next links, and directional UI cues
Previous: Teardrop Spoked Asterisk (✼) Next: Opposition (☍)
❓ Frequently Asked Questions
➾ (hex), ➾ (decimal), or \27BE in CSS content. There is no named entity. All three render ➾.U+27BE (OPEN OUTLINED RIGHTWARDS ARROW). Dingbats block (U+2700–U+27BF). Hex 27BE, decimal 10174.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, symbols, and more.
About the author
8 people found this page helpful