HTML Entity for Black Feathered North East Arrow (➶)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+27B6
HTML Entity for black feathered north east arrow (➶) tutorial illustration
Definition

What Is Black Feathered North East Arrow?

Black feathered north east arrow (➶) is Unicode U+27B6 in the Dingbats block. It is a filled arrow with feathered fletching that points north-east. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember
Character     ➶
Unicode       U+27B6
Hex entity    ➶
Decimal       ➶
Named entity  (none)
CSS escape    \27B6
Not the same  ➵ U+27B5 (right) · ➷ U+27B7 (SE)

All of these produce the same glyph: ➶. Prefer typing ➶ in UTF-8 when you can; use ➶ / ➶ or CSS for generated content.

Reference

Quick Reference

One table for every form you will actually use.

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

When to Use Which

SituationUse
North-east feathered arrow➶ or type ➶
Right / east feathered arrow➵ (U+27B5)
South-east feathered arrow➷ (U+27B7)
Icon via CSScontent: "\27B6" on ::before
See it

Live Preview

Black feathered north east arrow in study contexts.

Inline cue Open docs ➶
Large glyph ➶
Sibling directions ➵ right · ➶ NE · ➷ SE
Accessible label north-east
With entities Hex: ➶ | Decimal: ➶
Code

Complete HTML Example

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

Hex + Decimal + CSS + Typed

Four ways to produce ➶ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Black Feathered North East Arrow (➶) in HTML</title>
  <style>
    #point::after {
      content: "\27B6";
    }
  </style>
</head>
<body>
  <p>Black feathered NE arrow using Hex Code: &#x27B6;</p>
  <p>Black feathered NE arrow using HTML Code: &#10166;</p>
  <p id="point">Black feathered NE arrow using CSS Entity: </p>
  <p>Typed directly: ➶</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+27B6 → &#x27B6; in HTML. The browser turns it into ➶.

2. Decimal: same code point as 10166 → &#10166;. Same result as hex.

3. CSS: use \27B6 in content (not an HTML entity). #point::after appends that ➶ after the paragraph text.

4. Typed ➶: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with black feathered north east arrow (➶).

Named

No &name; form

U+27B6 has no standard named entity — use &#x27B6; or &#10166;.

Direction

Pick the matching arrow

NE is U+27B6. For right use ➵; for SE use ➷.

a11y

Say the direction

Screen readers may not announce “north-east.” Add visible or visually hidden text when direction matters.

Fonts

Check Dingbats coverage

Some UI fonts omit U+27B6. Prefer fonts with solid Dingbats / arrow support.

CSS vs HTML

Do not mix escapes

\27B6 belongs in CSS. &#x27B6; / &#10166; belong in HTML.

Semicolon

End references

Always finish with ; — write &#x27B6;, not &#x27B6.

Compatibility

Browser Support

Black feathered north east arrow (U+27B6) and its entity forms (&#x27B6;, &#10166;, CSS \\27B6) are supported in all mainstream browsers. Glyph quality depends on font support for Dingbats.

✓ Universal support

Black Feathered North East Arrow (➶)

Type ➶, or encode with hex, decimal, or CSS escape — same glyph 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+27B6 / entities Full support

Bottom line: Prefer a typed ➶ or &#x27B6; for markers. Use decimal when generating markup, and \\27B6 only inside CSS content.

Remember

Key Takeaways

  • Unicode: black feathered north east arrow is U+27B6 (decimal 10166).
  • HTML: use &#x27B6; or &#10166; (no named entity).
  • CSS: use \27B6 inside content for generated icons.
  • Watch out: ➶ ≠ ➵ ≠ ➷ (NE ≠ right ≠ SE).

One line: U+27B6 → &#x27B6; / &#10166; / CSS \27B6.

Frequently Asked Questions

Use &#x27B6; (hex), &#10166; (decimal), or the CSS escape \27B6 in the content property. All render ➶. You can also paste ➶ directly if your file is UTF-8. There is no standard named entity.
U+27B6 (hex 27B6, decimal 10166). Unicode names it BLACK FEATHERED NORTH EAST ARROW. It belongs to the Dingbats block.
No. HTML5 / WHATWG does not define a named character reference for U+27B6. Prefer &#x27B6;, &#10166;, or a typed ➶ in UTF-8.
➶ (U+27B6) points north-east. ➵ (U+27B5) is black feathered right arrow. ➷ (U+27B7) is black feathered south east arrow. They are different code points.
HTML entities (&#10166; or &#x27B6;) go in markup. The CSS escape \27B6 is used in stylesheets (usually in the content property of ::before/::after). Both render ➶.
Use ➶ for northeast direction cues, flowcharts, external-link style markers, and decorative navigation. Prefer plain text or ARIA labels when the direction must be clear to screen readers.

Did you know?

Black feathered north east arrow is Unicode U+27B6 (decimal 10166) in the Dingbats block — official name BLACK FEATHERED NORTH EAST ARROW. There is no standard named HTML entity. It is not black feathered right arrow (U+27B5 ➵) or black feathered south east arrow (U+27B7 ➷).

Next: Black Feathered Right Arrow

Learn the HTML entity for the black feathered right arrow (➵).

Next 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Black Diamond Suit HTML Entity | Black Feathered Right Arrow