HTML Entity for Squat Black Right Arrow (➧)

Q: How do I display Squat Black Right Arrow (➧) in HTML?

Use ➧ (hex), ➧ (decimal), or \27A7 in CSS content. There is no named HTML entity. All three methods render the squat black right arrow (➧).

Q: What is the Unicode value for Squat Black Right Arrow?

U+27A7 (BLACK RIGHT-POINTING SQUAT ARROW) in the Dingbats block (U+2700–U+27BF). Hex 27A7, decimal 10151.

Q: What’s the difference between HTML code and CSS entity for ➧?

HTML references (➧ or ➧) go in markup; the CSS escape \27A7 goes in stylesheets (e.g. content on ::before/::after). Both render ➧.

Beginner

⏱️ 5 min read

📚 Updated: Jun 2026

🎯 1 Code Example

Unicode U+27A7

HTML entity for Squat Black Right Arrow (U+27A7) — hex, decimal, and CSS tutorial

What You'll Learn

How to display the Squat Black Right Arrow (➧) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27A7 (BLACK RIGHT-POINTING SQUAT ARROW) in the Dingbats block (U+2700–U+27BF)—a compact right-pointing arrow for navigation and UI design.

Render it with ➧, ➧, or CSS \27A7. There is no named HTML entity. Do not confuse ➧ with simple right arrow → (→, U+2192).

⚡ Quick Reference — Squat Black Right Arrow

Unicode U+27A7

Dingbats

Hex Code ➧

Hexadecimal reference

HTML Code ➧

Decimal reference

Named Entity —

Use numeric codes only

Reference Table

Name           Value
────────────   ──────────
Unicode        U+27A7
Hex code       &#x27A7;
HTML code      &#10151;
Named entity   (none)
CSS code       \27A7
Meaning        Black right-pointing squat arrow
Not the same   U+2192 = right arrow (&rarr;, →)
Block          Dingbats (U+2700–U+27BF)

Complete HTML Example

A simple example showing ➧ using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):

html

<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\27A7";
  }
 </style>
</head>
<body>
<p>Next &#x27A7;</p>
<p>Continue &#10151;</p>
<p id="point">More </p>
</body>
</html>

Try it Yourself

🌐 Browser Support

Squat Black Right Arrow (➧) renders in modern browsers when fonts include Dingbats glyphs:

Chrome1+

Firefox1+

Safari3.1+

Edge12+

Opera4+

Android4.4+

iOS Safari3.2+

👀 Live Preview

See the squat black right arrow in navigation contexts:

Single symbol ➧

Next link Read more ➧

Button label Continue ➧

Not the same as ➧ (squat) | → (right arrow, →)

Numeric refs ➧ ➧ \27A7

🧠 How It Works

Hexadecimal Code

➧ references code point U+27A7 using hex digits 27A7.

HTML markup

Decimal HTML Code

➧ is the decimal equivalent (10151) for the same character.

HTML markup

CSS Entity

\27A7 is the CSS escape for U+27A7, used in the content property of pseudo-elements.

CSS stylesheet

Same visual result

All three methods produce ➧. Unicode U+27A7 in Dingbats (U+2700–U+27BF). No named entity.

✅

Use Cases

Squat Black Right Arrow (➧) commonly appears in:

🔗 Web navigation

Menus, breadcrumbs, and next-page indicators.

📱 UI design

Buttons, links, and interactive elements with forward direction.

🛠 Web applications

Dashboards and modern interfaces needing compact arrows.

📝 Multi-step flows

Forms, wizards, and guided processes with next-step cues.

📱 Mobile interfaces

Responsive designs that need space-efficient arrow symbols.

🎨 Design elements

Graphic layouts and creative content with directional arrows.

💡 Best Practices

Do

Use ➧ or ➧ in HTML markup
Pair with clear link text like “Next” or “Continue” for accessibility
Use CSS ::after with \27A7 for decorative arrow suffixes
Pick hex or decimal style and stay consistent per project
Test rendering across browsers and font stacks

Don’t

Use padded Unicode notation like U+027A7—the correct value is U+27A7
Use CSS \027A7 with a leading zero—prefer \27A7
Confuse ➧ with right arrow → (→, U+2192)
Rely on the arrow alone without accessible text for screen readers
Put CSS escape \27A7 in HTML text nodes

Key Takeaways

Three ways to render U+27A7 in HTML and CSS

➧ ➧

For CSS stylesheets, use \27A7 in the content property

U+27A7 — BLACK RIGHT-POINTING SQUAT ARROW (➧)

No named entity—use numeric references or CSS escape

Previous: Squared Times Next: Staff Aesculapius

❓ Frequently Asked Questions

How do I display Squat Black Right Arrow (➧) in HTML?

Use ➧ (hex), ➧ (decimal), or \27A7 in CSS content. There is no named HTML entity. All three render ➧.

What is the Unicode value for Squat Black Right Arrow?

U+27A7 (BLACK RIGHT-POINTING SQUAT ARROW). Dingbats (U+2700–U+27BF). Hex 27A7, decimal 10151.

When should I use the Squat Black Right Arrow symbol in HTML?

For web navigation, user interface design, directional indicators, buttons, links, wizards, and any content needing a compact right-pointing arrow.

What’s the difference between HTML code and CSS entity for ➧?

HTML references (➧ or ➧) go in markup. The CSS escape \27A7 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.

Why is there no named HTML entity for ➧?

Named HTML entities cover ASCII, Latin-1, and some common symbols. Dingbats characters like U+27A7 use numeric hex or decimal references—standard practice for specialized Unicode blocks.

Explore More HTML Entities!

Discover 1500+ HTML character references — arrows, symbols, and more.

All HTML Entities →

About the author

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

Squared Times (⊠) Staff Aesculapius (⚕)