HTML Entity for Black Feathered North East Arrow (➶)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+27B6

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

Unicode U+27B6

Dingbats (U+2700–U+27BF)

Hex Code ➶

Hexadecimal reference

HTML Code ➶

Decimal reference

Named Entity

None (use numeric refs)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+27B6
Hex code       ➶
HTML code      ➶
Named entity   —
CSS code       \27B6
1

Complete HTML Example

This example shows U+27B6 using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\27B6";
  }
 </style>
</head>
<body>
<p>Black Feathered North East Arrow using Hexa Decimal: &#x27B6;</p>
<p>Black Feathered North East Arrow using HTML Code: &#10166;</p>
<p id="point">Black Feathered North East Arrow using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+27B6 is widely supported in modern browsers; dingbat artwork varies by typeface:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the glyph at different sizes and beside related feathered arrows (font-dependent):

Large glyph
External link cue Documentation ➶ opens in new tab
Feathered arrows (U+27B5–U+27BE) ➵ ➶ ➷ ➸ ➹
Caption U+27B6 is BLACK FEATHERED NORTH EAST ARROW in the Dingbats block (U+2700–U+27BF).
Monospace refs &#x27B6; &#10166; \27B6

🧠 How It Works

1

Hexadecimal Code

&#x27B6; references code point U+27B6 using hex digits 27B6 after the #x prefix.

HTML markup
2

Decimal HTML Code

&#10166; is the decimal equivalent (10166) for the same Black Feathered North East Arrow character.

HTML markup
3

CSS Entity

\27B6 is the CSS escape for U+27B6, used in the content property of ::before or ::after.

CSS stylesheet
=

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:

🧭 Directional indicators

Compass directions, map markers, and orientation cues pointing northeast.

🔗 External links

Mark links that open in new windows or point to external resources.

📊 Flowcharts

Process flows, decision trees, and directional connections between elements.

🎯 Navigation

Menu items, breadcrumbs, and wayfinding in user interfaces.

📱 UI buttons

Action buttons, expand controls, and move-to-next indicators.

📄 Documents

Callouts, annotations, and pointers in documents and presentations.

♿ Accessibility

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-size so the arrow fits your layout
  • Choose fonts that support the Dingbats block (U+2700–U+27BF)
  • Use \27B6 only inside CSS content, not inside HTML text nodes
  • Add aria-label or title (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

1

Two numeric references render the same glyph

&#x27B6; &#10166;
2

CSS content escape

\27B6
3

U+27B6 is a northeast feathered arrow in Dingbats

4

Feathered arrows span U+27B5–U+27BE; no named HTML entity

5

Pair arrows with text or ARIA when direction or action must be clear

❓ Frequently Asked Questions

Use &#x27B6; (hex), &#10166; (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.
For directional indicators, navigation, flowcharts, external links, UI buttons, and any interface needing a northeast or diagonal-up-right marker.
Numeric references belong in HTML. The \27B6 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.
No. Use &#x27B6;, &#10166;, 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.

All HTML Entities →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful