HTML Entity for Black Feathered North East Arrow (➶)

What You'll Learn
How to display Black Feathered North East Arrow (➶) in HTML and CSS. This character is U+27B6 in the Dingbats block (U+2700–U+27BF). It is a directional arrow pointing northeast (upper-right), with a feathered or barbed tail. It belongs to the feathered-arrow series (U+27B5–U+27BE) used in diagrams and UI.
There is no named HTML entity for U+27B6. Use ➶ or ➶ in markup, or \27B6 in stylesheet content. The symbol suits navigation, flowcharts, external-link markers, and directional UI. Pair arrow glyphs with visible text or aria-label when they convey direction or action.
⚡ Quick Reference — Black Feathered North East Arrow
U+27B6Dingbats (U+2700–U+27BF)
➶Hexadecimal reference
➶Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+27B6
Hex code ➶
HTML code ➶
Named entity —
CSS code \27B6Complete HTML Example
This example shows U+27B6 using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27B6";
}
</style>
</head>
<body>
<p>Black Feathered North East Arrow using Hexa Decimal: ➶</p>
<p>Black Feathered North East Arrow using HTML Code: ➶</p>
<p id="point">Black Feathered North East Arrow using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+27B6 is widely supported in modern browsers; dingbat artwork varies by typeface:
👀 Live Preview
See the glyph at different sizes and beside related feathered arrows (font-dependent):
🧠 How It Works
Hexadecimal Code
➶ references code point U+27B6 using hex digits 27B6 after the #x prefix.
Decimal HTML Code
➶ is the decimal equivalent (10166) for the same Black Feathered North East Arrow character.
CSS Entity
\27B6 is the CSS escape for U+27B6, 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+27B6.
Use Cases
The Black Feathered North East Arrow (➶) is commonly used for:
Compass directions, map markers, and orientation cues pointing northeast.
Mark links that open in new windows or point to external resources.
Process flows, decision trees, and directional connections between elements.
Menu items, breadcrumbs, and wayfinding in user interfaces.
Action buttons, expand controls, and move-to-next indicators.
Callouts, annotations, and pointers in documents and presentations.
Pair ➶ with text or ARIA (e.g. “North East” or “External link”).
💡 Best Practices
Do
- Use hex or decimal consistently—there is no named entity for U+27B6
- Pair ➶ with clear text when it indicates direction or an external link
- Scale with
font-sizeso the arrow fits your layout - Choose fonts that support the Dingbats block (U+2700–U+27BF)
- Use
\27B6only inside CSScontent, not inside HTML text nodes - Add
aria-labelortitle(e.g. “North East”) for screen readers
Don’t
- Confuse U+27B6 with other feathered arrows (U+27B5–U+27BE) or generic arrows
- Rely on ➶ alone to communicate meaning in critical UI
- Assume every font renders Dingbats crisply at small sizes
- Use arrow glyphs as the only cue for navigation or external links
- Mix CSS escapes into HTML text nodes (use numeric refs in markup)
Key Takeaways
Two numeric references render the same glyph
➶ ➶CSS content escape
\27B6U+27B6 is a northeast feathered arrow in Dingbats
Feathered arrows span U+27B5–U+27BE; no named HTML entity
Pair arrows with text or ARIA when direction or action must be clear
❓ Frequently Asked Questions
➶ (hex), ➶ (decimal), or \27B6 in CSS content. There is no named entity; all valid methods render ➶.U+27B6 (hex 27B6, decimal 10166). Dingbats block (U+2700–U+27BF). Unicode name BLACK FEATHERED NORTH EAST ARROW.\27B6 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.➶, ➶, or \27B6 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.
8 people found this page helpful
