HTML Entity for Heavy Black Curved Down Right Arrow (➥)

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

What You'll Learn

How to display the Heavy Black Curved Down Right Arrow (➥) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27A5 in the Dingbats block (also listed under Miscellaneous Symbols and Arrows, U+2700–U+27BF). It is a bold, curved arrow pointing down and to the right—often used for navigation, expand/collapse, flowcharts, and step indicators.

Render it with ➥, ➥, or CSS escape \27A5. There is no named HTML entity. Do not confuse ➥ with U+27A6 (➦, curved up right) or simple arrows like U+2192 (→, rightwards arrow).

⚡ Quick Reference — Curved Down Right Arrow

Unicode U+27A5

Dingbats / arrows

Hex Code ➥

Hexadecimal reference

HTML Code ➥

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+27A5
Hex code       ➥
HTML code      ➥
Named entity   (none)
CSS code       \27A5
Meaning        Heavy curved down-right arrow
Related        U+27A6 = curved up-right (➦)
1

Complete HTML Example

This example demonstrates the Heavy Black Curved Down Right 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: "\27A5";
  }
 </style>
</head>
<body>
<p>Curved Down Right Arrow using Hexadecimal: &#x27A5;</p>
<p>Curved Down Right Arrow using HTML Code: &#10149;</p>
<p id="point">Curved Down Right Arrow using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Heavy Black Curved Down Right 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 Curved Down Right Arrow (➥) in context, compared with the curved up-right variant (➦):

Expand menu Settings ➥
Next step Continue ➥
Large glyph
U+27A5 vs U+27A6 ➥   ➦
Numeric refs &#x27A5; &#10149; \27A5

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\27A5 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after for link or menu arrows.

CSS stylesheet
=

Same visual result

All three methods produce . Unicode U+27A5 is in the Dingbats block. Next: Heavy Black Curved Up Right Arrow (➦).

Use Cases

The Heavy Black Curved Down Right Arrow (➥) is commonly used in:

🧭 Navigation

Expand/collapse indicators, submenu arrows, and next or continue cues.

📊 Flowcharts

Process flow, decision trees, and diagram connectors showing direction.

👉 Buttons & CTAs

Call-to-action links with a directional cue (Go, Next step).

📝 Step guides

Wizards, tutorials, and numbered steps with a proceed indicator.

📱 Mobile UI

List chevrons, accordions, and drill-down navigation in apps.

🎨 Design systems

Decorative arrows in headers, footers, or style guides.

💡 Best Practices

Do

  • Pair ➥ with text or aria-label (e.g. “Expand”, “Next”)
  • Use content: "\27A5" on ::after for link arrows
  • Declare UTF-8 with <meta charset="utf-8">
  • Verify fonts support U+27A5 in your stack
  • Keep one numeric style (hex or decimal) per project
  • Test glyph appearance across browsers and devices

Don’t

  • Rely on ➥ alone for accessibility-critical direction
  • Confuse U+27A5 (➥) with U+27A6 (➦, up-right)
  • Expect a named HTML entity for U+27A5
  • Use CSS \27A5 in HTML text nodes
  • Use where direction is ambiguous without supporting text

Key Takeaways

1

Two HTML numeric references plus CSS insert U+27A5

&#x27A5; &#10149;
2

For CSS, use \27A5 in the content property

3

Unicode U+27A5 — heavy curved down-right arrow (➥)

4

Related: U+27A6 (➦) points up and right

❓ Frequently Asked Questions

Use &#x27A5; (hex), &#10149; (decimal), or \27A5 in CSS content. There is no named entity. All three methods render the Heavy Black Curved Down Right Arrow (➥) correctly.
U+27A5 in the Dingbats block (Miscellaneous Symbols and Arrows). Hex 27A5, decimal 10149. The symbol (➥) is a bold curved arrow pointing down and to the right.
In user interfaces for navigation and expand/collapse, flowcharts and diagrams, buttons and call-to-action elements, step-by-step or process flows, and any design that needs a directional or continue indicator.
HTML references (&#10149; or &#x27A5;) go in markup. The CSS escape \27A5 is used in stylesheets, typically on ::before or ::after. Both produce ➥.
Named entities cover common ASCII, Latin-1, and widely used symbols. U+27A5 uses numeric hex (&#x27A5;) or decimal (&#10149;) 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