HTML Entity for Black Feathered Right Arrow (➵)

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

What You'll Learn

How to display Black Feathered Right Arrow (➵) in HTML and CSS. This character is U+27B5 in the Dingbats block (U+2700–U+27BF). It is a directional arrow pointing right (east), with a feathered or barbed tail. It is the first code point in the feathered-arrow series (U+27B5–U+27BE) used in diagrams and UI.

There is no named HTML entity for U+27B5. Use ➵ or ➵ in markup, or \27B5 in stylesheet content. The symbol suits navigation, flowcharts, next/continue controls, and forward-direction UI. Pair arrow glyphs with visible text or aria-label when they convey direction or action.

⚡ Quick Reference — Black Feathered Right Arrow

Unicode U+27B5

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

Complete HTML Example

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

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

🌐 Browser Support

U+27B5 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
Next / Continue Continue ➵ · Step 2 ➵
Feathered arrows (U+27B5–U+27BE) ➵ ➶ ➷ ➸ ➹
Caption U+27B5 is BLACK FEATHERED RIGHT ARROW in the Dingbats block (U+2700–U+27BF).
Monospace refs &#x27B5; &#10165; \27B5

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

&#10165; is the decimal equivalent (10165) for the same Black Feathered Right Arrow character.

HTML markup
3

CSS Entity

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

Use Cases

The Black Feathered Right Arrow (➵) is commonly used for:

🧭 Directional indicators

Pointing right, forward, or next in navigation and wayfinding.

➡ Next / Continue

Carousel controls, wizard steps, and proceed-to-next actions.

📊 Flowcharts

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

🎯 Navigation

Breadcrumbs, menu items, pagination, and wayfinding in interfaces.

📱 UI controls

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

📄 Documents

Callouts, annotations, sequential steps, and pointers in documents.

♿ Accessibility

Pair ➵ with text or ARIA (e.g. “Next” or “Continue”).

💡 Best Practices

Do

  • Use hex or decimal consistently—there is no named entity for U+27B5
  • Pair ➵ with clear text when it indicates next, continue, or forward action
  • Scale with font-size so the arrow fits your layout
  • Choose fonts that support the Dingbats block (U+2700–U+27BF)
  • Use \27B5 only inside CSS content, not inside HTML text nodes
  • Add aria-label or title (e.g. “Next” or “Continue”) for screen readers

Don’t

  • Confuse U+27B5 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 next/continue or pagination controls
  • Mix CSS escapes into HTML text nodes (use numeric refs in markup)

Key Takeaways

1

Two numeric references render the same glyph

&#x27B5; &#10165;
2

CSS content escape

\27B5
3

U+27B5 is the right-pointing 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 &#x27B5; (hex), &#10165; (decimal), or \27B5 in CSS content. There is no named entity; all valid methods render ➵.
U+27B5 (hex 27B5, decimal 10165). Dingbats block (U+2700–U+27BF). Unicode name BLACK FEATHERED RIGHT ARROW.
For directional indicators, navigation, flowcharts, next/continue buttons, breadcrumbs, and any interface needing a rightward or forward marker.
Numeric references belong in HTML. The \27B5 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.
No. Use &#x27B5;, &#10165;, or \27B5 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