HTML Entity for Heavy Concave Pointed Black Right Arrow (➨)

What You'll Learn
How to display the Heavy Concave Pointed Black Right Arrow (➨) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27A8 (HEAVY CONCAVE-POINTED BLACK RIGHTWARDS ARROW) in the Dingbats block (Miscellaneous Symbols and Arrows, U+2700–U+27BF). It is a bold, concave right-pointing arrow ideal for navigation, bullet points, “next” or “continue” cues, and directional UI.
Render it with ➨, ➨, or CSS escape \27A8. There is no named HTML entity. Do not confuse ➨ with U+27A0 (➠, dashed triangle-headed right), U+27B8 (➸, feathered right), or U+2192 (→, simple rightwards arrow).
⚡ Quick Reference — Concave Right Arrow
U+27A8Dingbats / arrows
➨Hexadecimal reference
➨Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+27A8
Hex code ➨
HTML code ➨
Named entity (none)
CSS code \27A8
Meaning Concave pointed right arrow
Related U+27A0 = dashed triangle (➠)
U+27B8 = feathered right (➸)Complete HTML Example
This example demonstrates the Heavy Concave Pointed Black Right Arrow (➨) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27A8";
}
</style>
</head>
<body>
<p>Concave Right Arrow using Hexadecimal: ➨</p>
<p>Concave Right Arrow using HTML Code: ➨</p>
<p id="point">Concave Right Arrow using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Heavy Concave Pointed Black Right Arrow (➨) is widely supported in modern browsers when the font includes Dingbats arrows:
👀 Live Preview
Heavy Concave Pointed Black Right Arrow (➨) in context, compared with related right arrows:
🧠 How It Works
Hexadecimal Code
➨ uses the Unicode hexadecimal value 27A8 to display the arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
➨ uses the decimal Unicode value 10152 to display the same character.
CSS Entity
\27A8 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::after on links and buttons for “next” or “continue” cues.
Same visual result
All three methods produce ➨. Unicode U+27A8 is in the Dingbats block. Next: Heavy Dashed Triangle Headed Right Arrow (➠).
Use Cases
The Heavy Concave Pointed Black Right Arrow (➨) is commonly used in:
Link indicators, dropdown cues, and “next” or “more” indicators in menus.
Custom list bullets or step indicators in articles, tutorials, and feature lists.
“Next” or “Continue” cues in multi-step forms, onboarding, and wizards.
Directional emphasis on call-to-action buttons (e.g. Learn more ➨).
Flow direction, process steps, and relationship arrows in flowcharts.
Headers, dividers, or accent characters for a bold right-pointing style.
💡 Best Practices
Do
- Pair ➨ with text or
aria-label(e.g. “Next”, “Continue”) when it indicates an action - Use
content: "\27A8"in::afteron links or buttons - Declare UTF-8 with
<meta charset="utf-8"> - Test arrow glyph shape across fonts and platforms
- Keep one numeric style (hex or decimal) per project
- Ensure direction and action are clear in context
Don’t
- Rely on ➨ alone for accessibility-critical navigation
- Confuse U+27A8 (➨) with U+27A0 (➠) or U+27B8 (➸)
- Expect a named HTML entity for U+27A8
- Use CSS
\27A8in HTML text nodes - Use a right arrow where left, up, or down direction is intended
Key Takeaways
Two HTML numeric references plus CSS insert U+27A8
➨ ➨For CSS, use \27A8 in the content property
Unicode U+27A8 — heavy concave right arrow (➨)
Distinct from dashed U+27A0 (➠) and feathered U+27B8 (➸)
❓ Frequently Asked Questions
➨ (hex), ➨ (decimal), or \27A8 in CSS content. There is no named entity. All three methods render the arrow (➨) correctly.U+27A8 (HEAVY CONCAVE-POINTED BLACK RIGHTWARDS ARROW). Dingbats block. Hex 27A8, decimal 10152. The symbol (➨) is widely used for navigation and directional cues.➨ or ➨) go in markup. The CSS escape \27A8 is used in stylesheets, typically on ::before or ::after. Both produce ➨.➨) or decimal (➨) codes, which is standard for arrow characters in the Dingbats block.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, math, and more.
8 people found this page helpful
