HTML Entity for Black Right Arrowhead (➤)
What You'll Learn
How to display Black Right Arrowhead (➤) in HTML and CSS. This character is U+27A4 in the Dingbats block (U+2700–U+27BF), approved in Unicode 1.1 (1993). Its Unicode name is BLACK RIGHTWARDS ARROWHEAD—a compact directional pointer, often used instead of the full Black Right Arrow (➡).
There is no named HTML entity for U+27A4. Use ➤ or ➤ in markup, or \27A4 in stylesheet content. The symbol suits navigation symbols, UI design, and interactive elements. Pair arrowhead glyphs with visible text or aria-label (for example “Next” or “Expand”).
⚡ Quick Reference — Black Right Arrowhead
U+27A4Dingbats (U+2700–U+27BF)
➤Hexadecimal reference
➤Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+27A4
Hex code ➤
HTML code ➤
Named entity —
CSS code \27A4Complete HTML Example
This example shows U+27A4 using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27A4";
}
</style>
</head>
<body>
<p>Black Right Arrowhead using Hexa Decimal: ➤</p>
<p>Black Right Arrowhead using HTML Code: ➤</p>
<p id="point">Black Right Arrowhead using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+27A4 is widely supported in modern browsers; hand glyph artwork varies by typeface:
👀 Live Preview
See the glyph at different sizes and beside the full right arrow (font-dependent):
🧠 How It Works
Hexadecimal Code
➤ references code point U+27A4 using hex digits 27A4 after the #x prefix.
Decimal HTML Code
➤ is the decimal equivalent (10148) for the same Black Right Arrowhead character.
CSS Entity
\27A4 is the CSS escape for U+27A4, used in the content property of ::before or ::after.
Same visual result
Hex, decimal, and CSS escapes all produce ➤. There is no named HTML entity for U+27A4.
Use Cases
The Black Right Arrowhead (➤) is commonly used for:
Next, forward, continue, and compact directional navigation markers.
Buttons, menus, expandable sections, and interactive pointers.
Flow diagrams, process steps, and sequential indicators.
Compact list markers and emphasis indicators where space is limited.
Forward controls, swipe hints, and touch-friendly navigation.
Call-to-action accents, decorative pointers, and visual hierarchy.
Pair ➤ with text or aria-label (e.g. “Next” or “Expand”) for screen reader users.
💡 Best Practices
Do
- Use hex or decimal consistently—there is no named entity for U+27A4
- Use arrowhead (➤) instead of full arrow (➡) when space is limited
- Pair ➤ with ⬅ or left arrowhead symbols for back/forward navigation
- Choose fonts that support the Dingbats block (U+2700–U+27BF)
- Use
\27A4only inside CSScontent, not inside HTML text nodes - Add visible button text or
aria-labelon interactive controls
Don’t
- Confuse U+27A4 with U+27A1 (full arrow) or → (simple arrow)
- Rely on ➤ alone to communicate meaning in critical UI
- Assume every font renders arrow Dingbats crisply at small sizes
- Use arrow glyphs as the only navigation or state cue without labels
- Mix CSS escapes into HTML text nodes (use numeric refs in markup)
Key Takeaways
Two numeric references render the same glyph
➤ ➤CSS content escape
\27A4U+27A4 is a compact arrowhead; pairs with full arrow U+27A1
Dingbats block U+2700–U+27BF; no named HTML entity
Pair navigation glyphs with text or ARIA when meaning must be clear
❓ Frequently Asked Questions
➤ (hex), ➤ (decimal), or \27A4 in CSS content. There is no named entity; all valid methods render ➤.U+27A4 (hex 27A4, decimal 10148). Dingbats (U+2700–U+27BF). Unicode name BLACK RIGHTWARDS ARROWHEAD.\27A4 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.➤, ➤, or \27A4 in CSS depending on whether you are authoring markup or styles.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful