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

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+27B9

What Is Heavy Black Feathered North East Arrow?

This arrow (➹) is the Unicode character at U+27B9 in Dingbats. Official name: HEAVY BLACK-FEATHERED NORTH EAST ARROW. It is a bold feathered arrow pointing north-east (up and to the right) — useful for maps, UI direction, and decorative navigation.

Remember
Character     ➹
Unicode       U+27B9
Hex entity    ➹
Decimal       ➹
CSS escape    \27B9
Named entity  (none)
Meaning       feathered north-east (heavy)
Not the same  ➸ (feathered right) · ↗ (↗) · ➦

Prefer ➹ or ➹ in HTML (no named form). You can also type ➹ in a UTF-8 document. Pair the glyph with clear text so direction stays accessible.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNone—
Hex entity➹HTML markup (preferred)
Decimal entity➹HTML markup
Direct character➹HTML text (UTF-8)
CSS escape\27B9Stylesheet content

When to Use Which

SituationUse
Feathered north-east cue➹ plus visible text or aria-label
Feathered rightHeavy black feathered right arrow — ➸ (➸)
Simple north-east arrowNorth east arrow — ↗ (↗)
Curved up-right dingbatHeavy black curved up right arrow — ➦ (➦)
Generated text via ::before / ::aftercontent: "\27B9"

Live Preview

Symbol alone, in a sample label, and next to related forms.

Glyph ➹
Large glyph ➹
Sample North-east ➹
Compared ➹   ➸   ↗   ➦
With entities Hex: ➹ | Decimal: ➹

Complete HTML Example

One page that shows this arrow with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ➹ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Heavy Black Feathered North East Arrow (U+27B9)</title>
  <style>
    #point::after {
      content: "\27B9";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x27B9;</p>
  <p>Built with Decimal: &#10169;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ➹</p>
  <p><span aria-label="North-east">Guide &#x27B9;</span></p>
  <p>Feathered right: &#x27B8;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x27B9; inserts code point U+27B9 → ➹.

2. Decimal: same code point as 10169 → &#10169;. Same visual as hex.

3. CSS: use \27B9 in content (not an HTML entity). #point::after appends ➹.

4. Typed: paste ➹ in a UTF-8 document when you need this dingbat arrow. Prefer aria-label or nearby prose such as “North-east” so direction is clear to everyone.

Pitfalls & Tips

Common mistakes when working with this feathered arrow.

Name

No named entity

There is no HTML5 named entity for U+27B9. Use &#x27B9; or &#10169;. Do not invent &featheredne;.

➸

Not feathered right

U+27B8 (➸) points right. U+27B9 points north-east. Related feathered dingbats — different directions.

↗

Not a plain north-east arrow

For a simple diagonal arrow, prefer &nearr; (↗). U+27B9 is a heavy feathered dingbat.

Font

Font coverage

Some fonts omit Dingbats arrows. If ➹ is missing, fall back to text (“North-east”) or a font with U+27B9 coverage.

CSS vs HTML

Do not mix escapes

\27B9 belongs in CSS strings. &#x27B9; / &#10169; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ➹ clearly. Prefer aria-label or nearby prose such as “North-east”.

Semicolon

End references

Always finish entities with ; — write &#x27B9;, not &#x27B9.

Browser Support

Heavy black feathered north-east arrow (U+27B9) and its entity forms (&#x27B9;, &#10169;, CSS \\27B9) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Feathered North East Arrow (&#x27B9;)

Encode with hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+27B9 Full support

Bottom line: Prefer &#x27B9; in HTML (no named form). Use &#10169; when decimal form is required, and \\27B9 only inside CSS content.

Key Takeaways

  • Unicode: this arrow is U+27B9 (decimal 10169) — glyph ➹.
  • HTML: no named entity — use &#x27B9; / &#10169; / type ➹.
  • CSS: use \27B9 inside content for generated text.
  • Meaning: ➹ ≠ ➸ — add accessible text for direction.

One line: U+27B9 → &#x27B9; / &#10169; / CSS \27B9 (no named form).

Frequently Asked Questions

Use &#x27B9; (hex), &#10169; (decimal), type ➹ directly in UTF-8, or the CSS escape \27B9 in content. There is no named HTML entity for U+27B9.
U+27B9 (HEAVY BLACK-FEATHERED NORTH EAST ARROW). Hex 27B9, decimal 10169. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for this arrow. Prefer &#x27B9; or &#10169;.
Use it for maps, UI direction, or decorative navigation that needs a bold feathered north-east arrow. For feathered right, use U+27B8. For a simple north-east arrow, prefer &nearr;.
HTML numeric entities (&#10169; or &#x27B9;) go in markup. The CSS escape \27B9 goes in stylesheet strings (usually content on ::before/::after).
No. U+27B9 points north-east (➹). U+27B8 points right (➸). Related feathered dingbats — different directions.

Did you know?

Heavy black-feathered north east arrow is Unicode U+27B9 (decimal 10169) — glyph ➹ in Dingbats. There is no HTML5 named entity; use &#x27B9; or &#10169;. Prefer nearby text or aria-label (for example “North-east”). Do not confuse it with U+27B8 (➸, feathered right) or &nearr; (↗).

Next: Heavy Black Feathered Right Arrow

Learn the HTML entity for the feathered right arrow (U+27B8).

Feathered right tutorial →

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