HTML Entity for Heavy Concave Pointed Black Right Arrow (➨)

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

What You'll Learn

How to display the Heavy Concave Pointed Black Right Arrow (➨) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27A8 (HEAVY CONCAVE-POINTED BLACK RIGHTWARDS ARROW) in the Dingbats block (Miscellaneous Symbols and Arrows, U+2700–U+27BF). It is a bold, concave right-pointing arrow ideal for navigation, bullet points, “next” or “continue” cues, and directional UI.

Render it with ➨, ➨, or CSS escape \27A8. There is no named HTML entity. Do not confuse ➨ with U+27A0 (➠, dashed triangle-headed right), U+27B8 (➸, feathered right), or U+2192 (→, simple rightwards arrow).

⚡ Quick Reference — Concave Right Arrow

Unicode U+27A8

Dingbats / arrows

Hex Code ➨

Hexadecimal reference

HTML Code ➨

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+27A8
Hex code       ➨
HTML code      ➨
Named entity   (none)
CSS code       \27A8
Meaning        Concave pointed right arrow
Related        U+27A0 = dashed triangle (➠)
               U+27B8 = feathered right (➸)
1

Complete HTML Example

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

🌐 Browser Support

The Heavy Concave Pointed Black Right Arrow (➨) is widely supported in modern browsers when the font includes Dingbats arrows:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

Heavy Concave Pointed Black Right Arrow (➨) in context, compared with related right arrows:

Continue link Continue ➨
Read more Learn more ➨
Large glyph
Arrow comparison ➨ ➠ ➸ →
Numeric refs &#x27A8; &#10152; \27A8

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\27A8 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::after on links and buttons for “next” or “continue” cues.

CSS stylesheet
=

Same visual result

All three methods produce . Unicode U+27A8 is in the Dingbats block. Next: Heavy Dashed Triangle Headed Right Arrow (➠).

Use Cases

The Heavy Concave Pointed Black Right Arrow (➨) is commonly used in:

➨ Navigation

Link indicators, dropdown cues, and “next” or “more” indicators in menus.

📋 Lists

Custom list bullets or step indicators in articles, tutorials, and feature lists.

🔄 Wizards

“Next” or “Continue” cues in multi-step forms, onboarding, and wizards.

🔘 CTAs

Directional emphasis on call-to-action buttons (e.g. Learn more ➨).

📊 Diagrams

Flow direction, process steps, and relationship arrows in flowcharts.

🎨 Typography

Headers, dividers, or accent characters for a bold right-pointing style.

💡 Best Practices

Do

  • Pair ➨ with text or aria-label (e.g. “Next”, “Continue”) when it indicates an action
  • Use content: "\27A8" in ::after on links or buttons
  • Declare UTF-8 with <meta charset="utf-8">
  • Test arrow glyph shape across fonts and platforms
  • Keep one numeric style (hex or decimal) per project
  • Ensure direction and action are clear in context

Don’t

  • Rely on ➨ alone for accessibility-critical navigation
  • Confuse U+27A8 (➨) with U+27A0 (➠) or U+27B8 (➸)
  • Expect a named HTML entity for U+27A8
  • Use CSS \27A8 in HTML text nodes
  • Use a right arrow where left, up, or down direction is intended

Key Takeaways

1

Two HTML numeric references plus CSS insert U+27A8

&#x27A8; &#10152;
2

For CSS, use \27A8 in the content property

3

Unicode U+27A8 — heavy concave right arrow (➨)

4

Distinct from dashed U+27A0 (➠) and feathered U+27B8 (➸)

❓ Frequently Asked Questions

Use &#x27A8; (hex), &#10152; (decimal), or \27A8 in CSS content. There is no named entity. All three methods render the arrow (➨) correctly.
U+27A8 (HEAVY CONCAVE-POINTED BLACK RIGHTWARDS ARROW). Dingbats block. Hex 27A8, decimal 10152. The symbol (➨) is widely used for navigation and directional cues.
For navigation links and menus, bullet points and list indicators, step-by-step or next/continue flows, call-to-action buttons, diagrams and flowcharts, and any UI that needs a clear rightward or forward direction indicator.
HTML references (&#10152; or &#x27A8;) go in markup. The CSS escape \27A8 is used in stylesheets, typically on ::before or ::after. Both produce ➨.
Named entities cover common ASCII, Latin-1, and widely used symbols. U+27A8 uses numeric hex (&#x27A8;) or decimal (&#10152;) codes, which is standard for arrow characters in the Dingbats block.

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