HTML Entity for Heavy Black Feathered North East Arrow (➹)

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

What You'll Learn

How to display the Heavy Black Feathered North East Arrow (➹) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27B9 in the Dingbats block (Miscellaneous Symbols and Arrows, U+2700–U+27BF). It is a bold, feathered arrow pointing north-east (up and to the right) with a distinct tail style.

Render it with ➹, ➹, or CSS escape \27B9. There is no named HTML entity. Do not confuse ➹ with U+27B8 (➸, feathered right), U+27A6 (➦, curved up-right), or U+2197 (↗, simple north east arrow).

⚡ Quick Reference — Feathered North East Arrow

Unicode U+27B9

Dingbats / arrows

Hex Code ➹

Hexadecimal reference

HTML Code ➹

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+27B9
Hex code       ➹
HTML code      ➹
Named entity   (none)
CSS code       \27B9
Meaning        Feathered north-east arrow
Related        U+27B8 = feathered right (➸)
1

Complete HTML Example

This example demonstrates the Heavy Black Feathered North East Arrow (➹) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\27B9";
  }
 </style>
</head>
<body>
<p>Feathered North East Arrow using Hexadecimal: &#x27B9;</p>
<p>Feathered North East Arrow using HTML Code: &#10169;</p>
<p id="point">Feathered North East Arrow using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Heavy Black Feathered North East Arrow (➹) is widely supported in modern browsers when the font includes Dingbats or arrow glyphs:

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

👀 Live Preview

Heavy Black Feathered North East Arrow (➹) in context, compared with related arrow glyphs:

External link Guide ➹
Wayfinding North-east ➹
Large glyph
U+27B9 vs U+27B8 ➹   ➸
Numeric refs &#x27B9; &#10169; \27B9

🧠 How It Works

1

Hexadecimal Code

&#x27B9; uses the Unicode hexadecimal value 27B9 to display the arrow. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#10169; uses the decimal Unicode value 10169 to display the same character.

HTML markup
3

CSS Entity

\27B9 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after for external links or directional icons.

CSS stylesheet
=

Same visual result

All three methods produce . Unicode U+27B9 is in the Dingbats block. Next: Heavy Black Feathered Right Arrow (➸).

Use Cases

The Heavy Black Feathered North East Arrow (➹) is commonly used in:

🗺 Maps & wayfinding

Direction indicators, compass cues, and north-east on maps and location UI.

🧭 UI direction

Navigation hints, expand icons, and diagonal movement indicators.

🔗 External links

Open-in-new or share indicators with a distinct feathered style.

📊 Flowcharts

Diagram connectors showing north-east or diagonal-up-right flow.

📱 Mobile & apps

Menu icons, navigation, and open-in-new indicators in app UIs.

🎨 Design systems

Stylistic feathered arrows in headers, footers, or brand guidelines.

💡 Best Practices

Do

  • Pair ➹ with text or aria-label (e.g. “North-east”, “Opens in new window”)
  • Use content: "\27B9" on ::after for external link indicators
  • Declare UTF-8 with <meta charset="utf-8">
  • Verify fonts render the feathered glyph in your stack
  • Keep one numeric style (hex or decimal) per project
  • Test appearance across browsers and devices

Don’t

  • Rely on ➹ alone for accessibility-critical direction
  • Confuse U+27B9 (➹) with U+27B8 (➸, feathered right)
  • Expect a named HTML entity for U+27B9
  • Use CSS \27B9 in HTML text nodes
  • Assume every font renders the feathered tail identically

Key Takeaways

1

Two HTML numeric references plus CSS insert U+27B9

&#x27B9; &#10169;
2

For CSS, use \27B9 in the content property

3

Unicode U+27B9 — feathered north-east arrow (➹)

4

Related: U+27B8 (➸) points horizontally right

❓ Frequently Asked Questions

Use &#x27B9; (hex), &#10169; (decimal), or \27B9 in CSS content. There is no named entity. All three methods render the Heavy Black Feathered North East Arrow (➹) correctly.
U+27B9 in the Dingbats block (Miscellaneous Symbols and Arrows). Hex 27B9, decimal 10169. The symbol (➹) is a bold feathered arrow pointing north-east (up and to the right).
In maps and wayfinding, UI directional indicators, external link or open-in-new cues, navigation and menu icons, flowcharts and diagrams, and any design that needs a north-east or diagonal-up-right arrow.
HTML references (&#10169; or &#x27B9;) go in markup. The CSS escape \27B9 is used in stylesheets, typically on ::before or ::after. Both produce ➹.
Named entities cover common ASCII, Latin-1, and widely used symbols. U+27B9 uses numeric hex (&#x27B9;) or decimal (&#10169;) codes, which is standard for arrow characters in specialized Unicode blocks.

Explore More HTML Entities!

Discover 1500+ HTML character references — symbols, math, 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