HTML Entity for Black Feathered South East Arrow (➴)

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

What You'll Learn

How to display Black Feathered South East Arrow (➴) in HTML and CSS. This character is U+27B4 in the Dingbats block (U+2700–U+27BF). It is a directional arrow pointing southeast (lower-right), with a feathered or barbed tail. It is part of the feathered-arrow series (U+27B4–U+27BE) used in diagrams and UI.

There is no named HTML entity for U+27B4. Use ➴ or ➴ in markup, or \27B4 in stylesheet content. The symbol suits expand/collapse controls, nested content indicators, flowcharts, and southeast-direction UI. Pair arrow glyphs with visible text or aria-label when they convey direction or action.

⚡ Quick Reference — Black Feathered South East Arrow

Unicode U+27B4

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+27B4
Hex code       ➴
HTML code      ➴
Named entity   —
CSS code       \27B4
1

Complete HTML Example

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

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

🌐 Browser Support

U+27B4 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
Expand / nested ➴ Folder · ➴ Sub-items
Feathered arrows (U+27B4–U+27BE) ➴ ➵ ➶ ➷ ➸
Caption U+27B4 is BLACK FEATHERED SOUTH EAST ARROW in the Dingbats block (U+2700–U+27BF).
Monospace refs &#x27B4; &#10164; \27B4

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\27B4 is the CSS escape for U+27B4, 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+27B4.

Use Cases

The Black Feathered South East Arrow (➴) is commonly used for:

🧭 Directional indicators

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

📁 Expand / collapse

Tree views, accordions, and nested content expand indicators.

📊 Flowcharts

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

📁 Subfolder navigation

File browsers, folder hierarchy, and move-to-subfolder actions.

🎯 Navigation

Menu items, breadcrumbs, and wayfinding in user interfaces.

📄 Documents

Callouts, annotations, and pointers in documents and presentations.

♿ Accessibility

Pair ➴ with text or ARIA (e.g. “Expand” or “South East”).

💡 Best Practices

Do

  • Use hex or decimal consistently—there is no named entity for U+27B4
  • Pair ➴ with clear text when it indicates expand, nested content, or southeast direction
  • Scale with font-size so the arrow fits your layout
  • Choose fonts that support the Dingbats block (U+2700–U+27BF)
  • Use \27B4 only inside CSS content, not inside HTML text nodes
  • Add aria-label or title (e.g. “Expand” or “South East”) for screen readers

Don’t

  • Confuse U+27B4 with other feathered arrows (U+27B4–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 expand/collapse or tree navigation
  • Mix CSS escapes into HTML text nodes (use numeric refs in markup)

Key Takeaways

1

Two numeric references render the same glyph

&#x27B4; &#10164;
2

CSS content escape

\27B4
3

U+27B4 is the southeast feathered arrow in Dingbats

4

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

5

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

❓ Frequently Asked Questions

Use &#x27B4; (hex), &#10164; (decimal), or \27B4 in CSS content. There is no named entity; all valid methods render ➴.
U+27B4 (hex 27B4, decimal 10164). Dingbats block (U+2700–U+27BF). Unicode name BLACK FEATHERED SOUTH EAST ARROW.
For expand/collapse controls, nested content, move-to-subfolder actions, flowcharts, and any interface needing a southeast or diagonal-down-right marker.
Numeric references belong in HTML. The \27B4 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.
No. Use &#x27B4;, &#10164;, or \27B4 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