HTML Entity for Circled Heavy White Right Arrow (➲)
What You'll Learn
How to display the Circled Heavy White Right Arrow (➲) in HTML using numeric references and CSS escapes. This character is U+27B2 (CIRCLED HEAVY WHITE RIGHTWARDS ARROW) in the Dingbats block (U+2700–U+27BF)—a heavy white right-pointing arrow inside a circle used in navigation and UI design.
There is no named HTML entity for U+27B2. Use ➲, ➲, or \27B2 in CSS content. Do not confuse ➲ with Black Rightwards Arrow U+27A1 (➡) or plain Rightwards Arrow U+2192 (→).
⚡ Quick Reference — Circled Heavy White Right Arrow
U+27B2Dingbats block
➲Hexadecimal reference
➲Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+27B2
Hex code ➲
HTML code ➲
Named entity —
CSS code \27B2Complete HTML Example
This example shows U+27B2 using hexadecimal and decimal references plus a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27B2";
}
</style>
</head>
<body>
<p>Circled Heavy White Right Arrow using Hexa Decimal: ➲</p>
<p>Circled Heavy White Right Arrow using HTML Code: ➲</p>
<p id="point">Circled Heavy White Right Arrow using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Circled Heavy White Right Arrow is supported in all modern browsers:
👀 Live Preview
See the Circled Heavy White Right Arrow in UI and navigation contexts:
🧠 How It Works
Hexadecimal Code
➲ uses the Unicode hexadecimal value 27B2 to display the Circled Heavy White Right Arrow.
Decimal HTML Code
➲ uses the decimal Unicode value 10162 to display the same character.
CSS Entity
\27B2 is used in CSS stylesheets, particularly in the content property of pseudo-elements—ideal for next buttons and link indicators.
Same visual result
All three methods produce the Circled Heavy White Right Arrow glyph: ➲. Unicode U+27B2 sits in the Dingbats block (U+2700–U+27BF). No named HTML entity exists.
Use Cases
The Circled Heavy White Right Arrow (➲) commonly appears in:
Next, forward, or “go right” buttons in apps and carousels.
Directional indicators, swipe hints, and step-by-step flow cues.
Process flow, decision trees, and diagram connectors.
Posters, infographics, and visual content needing a circled arrow.
Next page, next slide, or continue indicators in galleries.
Visual cue for “learn more,” “continue,” or external links.
Pair with text or aria-label="Next" so screen readers convey the action.
💡 Best Practices
Do
- Use
➲or➲consistently in HTML - Add
aria-label="Next"or visible text on navigation controls - Use CSS
\27B2in::afterfor styled next links - Choose fonts that support Dingbats (U+2700–U+27BF)
- Prefer semantic buttons/links over decorative-only arrows
Don’t
- Confuse U+27B2 (➲) with U+27A1 Black Rightwards Arrow (➡)
- Put CSS escape
\27B2inside HTML text nodes - Rely on the glyph alone without accessible action labels
- Assume a named entity exists—U+27B2 has none
- Mix hex and decimal styles randomly in one file
Key Takeaways
No named entity—use numeric references
➲ ➲For CSS stylesheets, use the escape in the content property
\27B2U+27B2 in the Dingbats block
Ideal for next/forward navigation UI
Three methods, one glyph — all widely supported
❓ Frequently Asked Questions
➲ (hex), ➲ (decimal), or \27B2 in CSS content. There is no named HTML entity for U+27B2.U+27B2 (CIRCLED HEAVY WHITE RIGHTWARDS ARROW). Dingbats block (U+2700–U+27BF). Hex 27B2, decimal 10162.➲ or ➲) go directly in HTML markup. The CSS escape \27B2 is used in stylesheets, typically in the content property of pseudo-elements.Explore More HTML Entities!
Discover 1500+ HTML character references — math operators, symbols, arrows, and more.
About the author
8 people found this page helpful